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