如何在Jetpack Compose中使按钮居中？

Question

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

- Ansh

---

什么是“布局”？ - Gabriele Mariotti

@GabrieleMariotti，布局只是一个位于应用程序中心的按钮，没有其他内容，当单击按钮时，按钮的值会更新，我已经实现了值的更新，但不知道如何将按钮居中在布局中，尝试使用Modifier.gravity，但它没有起作用。 - Ansh

Answer 1

你可以使用类似以下方式的代码：

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

- Gabriele Mariotti

---

请注意，这样做会使组件（在本例中为按钮）占据屏幕上所有可用的区域。因此，如果您需要将某些内容（例如，在按钮下方）定位，它将不会显示出来，因为它将超出屏幕范围。 - Lucas Sousa

如果你想在按钮下面添加其他组件，那么请将它们添加到同一列，并且它们将会显示出来。如果你想要添加的内容在该列之外，那么你需要先删除 Modifier.fillMaxWidth().fillMaxHeight()。 - LXJ