Jetpack Compose Fill 剩余 space 行

Question

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

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

Jetpack Compose Fill 剩余 space 行

Jetpack Compose Fill remaining space in Row

android

android-jetpack-compose