How to center a button in jetpack Compose? [closed]

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 ?

Answer 1

You can use something like:

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