无法使用 android jetpack compose 将行可组合子项垂直居中

Question

我是一名 Android 开发人员，我从 jetpack compose 开始。我正在关注 一个教程，我遇到了一个问题。我无法使用 VerticalAlignment = Alignment.CenterVertically 使行子项垂直居中。对预览画面有影响。这是代码：

   @Composable
fun HorizontalScreen(){

    Row(
        modifier = Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.SpaceEvenly,
        verticalAlignment = Alignment.CenterVertically
    ) {

        Text(text = "Text 1")
        Text(text = "Text 2")
        Text(text = "Text 3")
        Text(text = "Text 4")

    }

}


@Preview(showBackground = true, showSystemUi = true)
@Composable
fun HorizontalScreenPreview(){
    HorizontalScreen()
}

Answer 1

正如评论中指出的，当你这样做时

modifier = Modifier.fillMaxWidth()

专栏将

• 填满屏幕最大宽度
• 调整其高度以包裹内容。

因为 Column 已经完美地包裹了它的子项，所以当您使用

verticalAlignment = Alignment.CenterVertically

时没有明显的差异。因此，将您的代码更改为

modifier = Modifier.fillMaxWidth().fillMaxHeight()

查看预期的

verticalAlignment

行为。