如何解决Jetpack Compose LazyVerticalGrid在LinearLayout中无固定高度崩溃

崩溃原因 #

LinearLayout在垂直方向会给子组件传递无限最大高度约束，而LazyVerticalGrid作为可滚动的懒加载组件，Compose不允许它在无限高度约束下进行测量——因为懒加载组件的设计逻辑依赖明确的高度边界来确定加载范围，没有边界的话会导致测量逻辑崩溃，也就是你遇到的java.lang.IllegalStateException。

可行解决方案 #

LazyVerticalGrid本身的定位是处理大量数据的滚动场景，它无法直接实现基于内容的自适应高度。要实现自适应高度的网格布局，推荐用以下两种非懒加载的方案：

方案1：用Column + Row手动模拟网格

适合数据量不大的场景，通过将列表按列数分块，每行用Row布局实现网格效果：

val items = (0..99).toList()
val columnCount = 2

Column(modifier = Modifier.fillMaxWidth()) {
    // 将列表按列数拆分成多行
    items.chunked(columnCount).forEach { rowItems ->
        Row(modifier = Modifier.fillMaxWidth()) {
            rowItems.forEach { item ->
                Text(
                    text = "Item $item",
                    modifier = Modifier
                        .weight(1f) // 让每个item均分行宽度
                        .padding(8.dp)
                )
            }
        }
    }
}

方案2：用FlowRow实现自动换行网格

FlowRow是专门用于自动换行的布局组件，可从Accompanist库或Material3库引入：

// 依赖引入（以Accompanist为例）
// implementation "com.google.accompanist:accompanist-flowlayout:0.32.0"

FlowRow(
    modifier = Modifier.fillMaxWidth(),
    mainAxisSpacing = 8.dp, // 水平间距
    crossAxisSpacing = 8.dp // 垂直间距
) {
    (0..99).forEach { item ->
        Text(
            text = "Item $item",
            modifier = Modifier.weight(1f) // 每个item占1/2宽度
        )
    }
}

关于LazyVerticalGrid的补充说明 #

如果你的场景必须使用LazyVerticalGrid（比如数据量极大），那必须给它一个有限的高度约束。你可以通过动态计算内容高度来替代硬编码：比如根据固定的item高度、列数和总item数计算出总高度，再用height()或heightIn(max = calculatedHeight)设置。但这种方式仅适用于item高度固定的场景，否则计算会非常复杂，不如直接使用非懒加载布局更高效。

内容的提问来源于stack exchange，提问作者Rujul Gandhi