如何在jetpack Compose中将按钮居中？

Question

我正在使用jetpack compose创建一个简单的计数器应用程序，并希望将按钮放置在布局的中心，我尝试使用Modifier.gravity（Alignment.Center），但未提供任何结果，应该怎么做实现这个？

Answer 1

您可以使用类似的内容：

Column(
        modifier = Modifier.fillMaxWidth().fillMaxHeight(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
) {
    Button(onClick = {})
    { Text("BUTTON") }
}