如何在jetpack Compose中居中按钮？ [关闭]答案

【问题标题】：How to center a button in jetpack Compose? [closed]如何在jetpack Compose中居中按钮？ [关闭]
【发布时间】：2020-12-21 17:23:03
【问题描述】：

我正在使用 jetpack compose 创建一个简单的计数器应用程序，并希望将按钮放置在布局的中心，我尝试使用 Modifier.gravity(Alignment.Center)，但它没有提供任何结果，应该是什么方式实现这个？

【问题讨论】：

什么是“布局”？
@GabrieleMariotti，布局只是应用程序中心的一个按钮，没有别的，点击时按钮的值会更新，我已经实现了值的更新，但不知道如何居中布局中的按钮，尝试使用 Modifier.gravity 但它不起作用

标签： android android-layout kotlin android-jetpack android-jetpack-compose

【解决方案1】：

你可以使用类似的东西：

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

【讨论】：

请注意，执行此操作的组件（在本例中为按钮）将占据屏幕的所有可用区域。然后，如果您需要定位某些东西，例如，在按钮下方，一旦它离开屏幕，它将不会显示。