Jetpack Compose中的水平排列在行中无法工作

Question

我按照官方文档学习了Rows。

它很好地运行着，将视图水平排列，应用程序也没有出现任何问题。

问题：

我想在行中设置horizontalArrangement。但它并没有排列好。

我的代码：

@Composable
fun SimpleRowArrangement(){
    Row(horizontalArrangement  =  Arrangement.SpaceEvenly,
            verticalAlignment = Alignment.Bottom) {
        Text(text = "Row Text 1")
        Text(text = "Row Text 2")
        Text(text = "Row Text 3")
    }
}

输出:

- Ranjithkumar

---

同时应用fillMaxWidth修饰符。 - Gabriele Mariotti

Answer 1

你还应该使用 fillMaxWidth 修饰符。

Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.SpaceEvenly,
    verticalAlignment = Alignment.Bottom
) {
        Text(text = "Row Text 1")
        Text(text = "Row Text 2")
        Text(text = "Row Text 3")
    }

- Gabriele Mariotti

---

运作良好。在文档中他们没有提到任何事情。谢谢您的回答。 - Ranjithkumar

如果我想在Row(Modifier.fillMaxWidth)的开头和结尾各有一个Text，那么该怎么做呢？ - Michael Abyzov

@MichaelAbyzov 您可以使用 Arrangement.SpaceBetween。还可以查看 https://dev59.com/LVIG5IYBdhLWcg3wihAk#64433116。 - Gabriele Mariotti

VerticalAlignment 无法编译。 - IgorGanapolsky

@IgorGanapolsky，verticalAlignment属性是存在的。还可以查看文档。 - Gabriele Mariotti