如何在android jetpack compose Row中自定义左/右对齐项目

Question

我想要Jetpack Compose中的一行，类似于以下内容：

----------------------------------------------------
| A |   B   |                                  | C |
----------------------------------------------------

我想要A&B左对齐，彼此相邻，C在末端。我不知道现有的水平排列是否有办法做到这一点。此外，我认为嵌套行可能不是一个好主意。实现这一目标的最佳方式是什么？

Answer 1

您可以将Spacer与Modifier.weight:一起使用

Row {
Text("a")
Text("b")
Spacer(Modifier.weight(1f))
Text("c")
}

在更复杂的场景中，当你的第一个文本是多行的时，你可以将Modifier.weight应用于这个项目本身，并确保里面的内容按照你的期望对齐，例如默认情况下的Start：

Row {
Text(
"somenmultilinentext",
modifier = Modifier
.weight(1f)
)
Text("c")
}

Answer 2

如果第一个文本太长，则接受的答案将不起作用。在这种情况下，将不显示第三个文本。

这应该有效：

Row {
Text("a")
Text(
modifier = Modifier.weight(1f),
text = "b"
)
Text("c")
}