如何让Jetpack Compose中的LazyHorizontalGrid自适应内容高度

你要实现的2行横向滚动网格，希望容器高度自适应内容，但LazyHorizontalGrid本身设计为填充可用高度，wrapContentSize()这类修饰符无法达到预期效果。这里提供替代方案：

解决方案：用LazyRow + 分组Column实现 #

放弃LazyHorizontalGrid，改用LazyRow结合分组的Column来构建布局，核心是将每2个元素分为一组，每组用垂直Column承载，让整个横向列表高度自动适配内容。

代码示例 #

Column(modifier = modifier.verticalScroll(scrollState)) {
    LazyRow(
        modifier = Modifier.wrapContentHeight(),
        contentPadding = PaddingValues(horizontal = 24.dp),
        horizontalArrangement = Arrangement.spacedBy(12.dp)
    ) {
        // 将数据源按每2个元素拆分一组
        val groupedItems = contentTypes.chunked(2)
        items(groupedItems) { group ->
            Column(
                verticalArrangement = Arrangement.spacedBy(8.dp)
            ) {
                group.forEach { contentType ->
                    Column(
                        horizontalAlignment = Alignment.CenterHorizontally,
                        modifier = Modifier
                            .background(color = LocalCustomColors.current.surface, shape = RoundedCornerShape(12.dp))
                            .padding(all = 8.dp)
                            .width(80.dp)
                    ) {
                        GenericIcon(drawableId = contentType.icon)
                        Spacer(modifier = Modifier.height(4.dp))
                        Caption3Text(
                            text = stringResource(contentType.text),
                            maxLines = 1,
                            overflow = TextOverflow.Ellipsis
                        )
                    }
                }
                // 可选：最后一组不足2个元素时，添加占位保持布局对齐
                if (group.size < 2) {
                    Spacer(modifier = Modifier.height((80.dp + 8.dp + 4.dp)))
                }
            }
        }
    }
}

逻辑说明 #

1. 分组处理：通过chunked(2)将原始列表拆分为每组2个元素，对应布局的2行结构
2. 自适应高度：LazyRow设置wrapContentHeight()，其高度会自动适配内部Column的高度（即2个item的总高度+间距）
3. 布局对齐：可选的占位符用于保证最后一组即使元素不足2个，也能和其他组保持垂直对齐，不需要可直接删除该逻辑

补充说明 #

LazyHorizontalGrid的设计定位是处理大数据量的网格布局，它依赖父布局提供的高度约束，因此无法直接实现自适应高度。LazyRow+Column的组合方式更灵活，既能满足横向滚动需求，又能实现高度自适应。

内容的提问来源于stack exchange，提问作者Gijs Stokman