android - Jetpack Compose 填充行中的剩余空间

Question

我有一个最大宽度的行，我想在开头放置一个图标，然后是一个文本，最后是另一个图标。
我有特定大小的图标，我希望文本填满剩余空间。

Row(
   Modifier
   .fillMaxWidth()
   .height(30.dp)
){
  Icon(Modifier.size(20.dp))

  Text() // Fill this with remaining space available

  Icon(Modifier.size(20.dp))
}

如果我这样做 fillMaxWidth在文本中，图标会消失在 View 中。
怎么做？

Answer 1

您可以申请Modifier.weight(1f)到Text可组合的。
就像是:

Row(
    Modifier
        .fillMaxWidth()
        .height(30.dp)
){
    Icon(Icons.Filled.Add,"", Modifier.size(20.dp))

    Text("Text",Modifier.weight(1f)) // Fill this with remaining space available

    Icon(Icons.Filled.Add,"", Modifier.size(20.dp))
}