Jetpack Compose - Column - Gravity center

Question

I'm creating a layout with Jetpack Compose and there is a column. I would like center items inside this column:

 Column(modifier = ExpandedWidth) {         Text(text = item.title)         Text(text = item.description)  } 

Answer 1

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 (  ) { ... } 

Answer 2

Use this

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