首页 > 解决方案 > Jetpack Compose:LazyColumn 分别对齐每个项目

问题描述

我想一一对齐一列中的每个项目。我相信像这样简单的Column使用align运算符是可能的:

Column {
   Text(text = "First", modifier = Modifier.align(Alignment.Start))
   Text(text = "Second", modifier = Modifier.align(Alignment.End))
   Text(text = "Third", modifier = Modifier.align(Alignment.Start))
}

但是我在适当的范围内找不到align运算符。LazyColumn怎么做呢LazyColumn?我不感兴趣,horizontalAlignment因为它适用于所有项目。

标签: androidandroid-jetpack-compose

解决方案


您可以将每个项目包装在 a 中Box,然后在Box.

Box(modifier = Modifier.fillMaxWidth()) {
    Text(text = "First", modifier = Modifier.align(Alignment.TopCenter))
}

另一种解决方案是使用 2 个修饰符属性:

Text(
    text = "Your text here",
    modifier = Modifier
        .fillMaxWidth()
        .wrapContentWidth(align = Alignment.CenterHorizontally),
)

推荐阅读