如何在Jetpack Compose的LazyVerticalGrid中计算不同跨度项的verticalScrollRange()

直接使用LazyListState的verticalScrollRange属性即可，Compose内部已经自动处理了不同跨度项的布局逻辑，会准确计算出整个网格的可滚动总范围。

如果需要手动验证或自定义计算逻辑，可按以下步骤实现：

• 从LazyListState.layoutInfo获取GridLayoutInfo实例，它包含网格列数、项的跨度信息及布局数据。
• 按行分组遍历所有项，计算每行的最大高度（同一行的项高度取最大值），累加所有行的高度并加上行间距，最终得到总内容高度。

代码示例 #

val listState = rememberLazyListState()

// 直接获取系统计算好的滚动范围
val scrollRange = listState.verticalScrollRange

// 手动计算的示例（适用于需要自定义逻辑的场景）
val manualTotalHeight by remember {
    derivedStateOf {
        val gridLayoutInfo = listState.layoutInfo as GridLayoutInfo
        val spanCount = gridLayoutInfo.spanCount
        val totalItems = gridLayoutInfo.totalItemsCount
        // 获取行间距（如果使用spacedBy布局）
        val verticalSpacing = (gridLayoutInfo.verticalArrangement as? Arrangement.spacedBy)?.space ?: 0.dp

        var currentRowUsedSpans = 0
        var currentRowMaxHeight = 0.dp
        var totalHeight = 0.dp

        for (index in 0 until totalItems) {
            val itemSpan = gridLayoutInfo.spanLookup.getSpan(index)
            // 获取项的高度（不可见项需确保已预测量或已知高度）
            val itemHeight = gridLayoutInfo.getItemsInfoFor(index)?.size?.height?.dp ?: 0.dp

            // 当前项无法放入当前行，结算上一行
            if (currentRowUsedSpans + itemSpan > spanCount) {
                totalHeight += currentRowMaxHeight + verticalSpacing
                currentRowUsedSpans = itemSpan
                currentRowMaxHeight = itemHeight
            } else {
                currentRowUsedSpans += itemSpan
                currentRowMaxHeight = max(currentRowMaxHeight, itemHeight)
            }
        }

        // 加上最后一行的高度
        if (currentRowMaxHeight > 0.dp) {
            totalHeight += currentRowMaxHeight
        }

        totalHeight.toPx().toInt() // 转换为像素值，与verticalScrollRange单位一致
    }
}

注意：手动计算时，未被测量的不可见项通过getItemsInfoFor(index)可能返回null，此时需预先知晓项的高度（如固定高度项），或等待项被测量后再计算。

内容的提问来源于stack exchange，提问作者Ahsan Ali