Jetpack Compose - Column - Gravity center Jetpack Compose - Column - Gravity center android android

Jetpack Compose - Column - Gravity center


With 1.0.x you can use these parameters:

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)        )}

enter image description here

If you want only to center horizontally just use:

Column(        modifier = Modifier.fillMaxWidth(),        horizontalAlignment = Alignment.CenterHorizontally) {    Column (  ) { ... }

enter image description here


Use this

   Column(        horizontalAlignment = Alignment.CenterHorizontally,        verticalArrangement = Arrangement.Center    )


You can use Column(crossAxisAlignment = CrossAxisAlignment.Center) . It works like gravity.