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

Ans*_*nsh 4 android android-layout kotlin android-jetpack android-jetpack-compose

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

Gab*_*tti 9

您可以使用以下内容:

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

在此处输入图片说明

  • 请注意,执行此操作时,组件(在本例中为按钮)将占据屏幕的所有可用区域。然后,如果您需要放置某些东西,例如在按钮下方,一旦它离开屏幕,它就不会显示。 (3认同)