kotlin jetpack在懒惰的列中撰写中心文本

Question

我是Jetpack组成的新手，我真的很喜欢。但是遇到了一个问题：我想创建一张卡，在其中，我想显示一个带有分隔线的项目列表。我几乎能够在这里实现它是我的代码：

Box(modifier = Modifier.background(Color(0xFFf4f4f4))
    .fillMaxSize()
    .padding(top = 20.dp)) {
    Card(
        modifier = Modifier
            .fillMaxWidth(),
        shape = RoundedCornerShape(20.dp),
        elevation = 5.dp
    ) {
        val colorNamesList = listOf("Red", "Green", "Blue", "Indigo")
        LazyColumn() {
            itemsIndexed(
                colorNamesList,
            ) { index, item ->
                Column(
                    modifier = Modifier
                        .background(
                            color = Color(0xFFf2f2f2),
                        )
                        .clickable {
                            println(item)
                        },
                    horizontalAlignment = Alignment.CenterHorizontally,//those 2 does nothing 
                    verticalArrangement = Arrangement.Center //when i change it nothing change
                ) {
                    println(item + index)
                    Text(
                        text = "Item at  $item",
                        modifier = Modifier
                            .fillMaxWidth()
                            .height(50.dp),
                        //textAlign = TextAlign.Center, without it image 1, with it image 2
                        color = Color.Black,
                    )
                    if (index < colorNamesList.lastIndex) {
                        Divider(
                            color = Color.Black.copy(alpha = 0.2f),
                            modifier = Modifier
                                .padding(horizontal = 80.dp),
                        )
                    }
                }
            }
        }
    }
}

它几乎很好，但是我没有设法对齐其中的文本，我搜索了一些答案，但是对齐和安排在我的情况下并没有改变任何东西。

我能够通过添加textalign = textalign.center水平对齐，就像我在代码中所说的那样，但是，我无法垂直对齐，文本留在他的单元格的顶部：

我想做的是列的每个单元格中的文本中心。感谢您的帮助。

Answer 1

您可以通过添加类似的XML属性（例如“ wrap_content” ）作为高度来实现这一目标。

添加“ wrapcontentheight（）” 到修饰符，您将其使其与页面的中心保持一致。

Text(
                    text = "Item at  $item",
                    modifier = Modifier
                        .fillMaxWidth()
                        .height(50.dp)
                        .wrapContentHeight(),
                    textAlign = TextAlign.Center
                    color = Color.Black,
                )