Jetpack Compose - 柱 - 重心 [英] Jetpack Compose - Column - Gravity center

问题描述

我正在使用 Jetpack Compose 创建一个布局，并且有一列.我想要此列中的中心项目:

 Column(modifier = ExpandedWidth) {文本(文本= item.title)文字(文字= item.description)}

解决方案

使用 1.0.x 你可以使用

如果您只想水平居中，请使用:

列(修饰符 = Modifier.fillMaxWidth(),水平对齐 = Alignment.CenterHorizo​​ntally){柱子 (  ) { ... }

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

解决方案

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

这篇关于Jetpack Compose - 柱 - 重心的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！