Avatar ·

如何在 Jetpack Compose 中将 Column 内容居中?

你好!我刚开始学习 Jetpack Compose,遇到了一个看似简单的问题:需要将 Column 中的几个元素在屏幕中央显示,但我怎么也做不到。

这是我的代码:

@Composable
fun MyScreen() {
    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        Text("你好,世界!")
        Button(onClick = { }) {
            Text("点击我")
        }
        Text("底部文本")
    }
}

所有内容都挤在左上角。我尝试了不同的 modifier:在每个元素上使用 Modifier.align(Alignment.CenterHorizontally) — 这只在水平方向上有效,垂直方向它们仍然在顶部。尝试添加 Modifier.weight(1f) — 情况更糟,元素被拉伸了。尝试了 verticalArrangement 配合 Arrangement.Center — 也没有达到预期效果。

请告诉我如何让整个 Column 居中显示。