Jetpack Compose - Column - Gravity center
With 1.0.x
you can use these parameters:
horizontalAlignment
= the horizontal gravity of the layout's children.verticalArrangement
= the vertical arrangement of the layout's children
Something like:
Column( modifier = Modifier.fillMaxSize(), verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally) { Text( text = "First item", modifier = Modifier.padding(16.dp) ) Text( text = "Second item", modifier = Modifier.padding(16.dp) ) Text( text = "Third item", modifier = Modifier.padding(16.dp) )}
If you want only to center horizontally just use:
Column( modifier = Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) { Column ( ) { ... }
Use this
Column( horizontalAlignment = Alignment.CenterHorizontally, verticalArrangement = Arrangement.Center )
You can use Column(crossAxisAlignment = CrossAxisAlignment.Center)
. It works like gravity.