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在文本中这样做，那么图标就会从视图中消失。

怎么做？

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))
}