android - 列表中包含 Jetpack 中项目的适合/包裹宽度的任何想法 compose

Question

我需要实现下一个 UI 元素:

未知大小的字符串列表

任何项目都应该是包装内容。

如果一个项目不适合行，他将在下一行。

所有列表/网格居中

Answer 1

您可以使用 FlowRow来自 accompanist-flowlayout来实现这一点。它水平渲染其子级(如 Row )，但如果它们不适合现有行，也会通过移动到新行来包装它们。它还允许配置项目之间的水平和垂直间距。
要很好地处理很长的字符串(本身不适合单行)，您可以设置 overflow = TextOverflow.Ellipsis和 maxLines = 1在 Text .

@Composable
fun HashTagList(hashTags: List<String>) {
    FlowRow(
        modifier = Modifier.padding(8.dp),
        mainAxisAlignment = MainAxisAlignment.Center,
        mainAxisSize = SizeMode.Expand,
        crossAxisSpacing = 12.dp,
        mainAxisSpacing = 8.dp
    ) {
        hashTags.forEach { hashTag ->
            Text(
                text = hashTag,
                modifier = Modifier
                    .background(
                        color = colorForHashTag(hashTag),
                        shape = RoundedCornerShape(4.dp)
                    )
                    .padding(8.dp),
                overflow = TextOverflow.Ellipsis,
                maxLines = 1
            )
        }
    }
}