How to center a button in jetpack Compose?

Question

I am creating a simple counter app using jetpack compose and want , button to be placed in center of the layout , i tried using Modifier.gravity(Alignment.Center) , but its not providing any result , what should be the way to implement this ?

user_2016562 · Answer

You can use something like:

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

How to center a button in jetpack Compose?

1 Answers