Jetpack Compose：如何通过LazyScrollState获取LazyColumn滚动像素位置？

LazyColumn的LazyScrollState没有直接提供和普通Column的ScrollState.value等价的滚动像素字段，但可以通过结合布局信息和item高度记录来实现完全一致的功能——核心逻辑是累加已滚出屏幕的所有item总高度，加上当前第一个可见item滚出视口的部分高度。

实现步骤与代码示例 #

1. 记录每个item的高度：利用Modifier.onPlaced回调，在每个item完成布局时记录其实际高度，存储到状态容器中。
2. 计算总滚动像素：通过LazyScrollState.layoutInfo获取可见项信息，累加前置item的总高度，加上第一个可见item滚出视口的高度。

@Composable
fun LazyColumnScrollPositionExample() {
    val lazyListState = rememberLazyListState()
    // 存储每个item的高度，key为item索引
    val itemHeights = remember { mutableStateMapOf<Int, Int>() }

    LazyColumn(state = lazyListState) {
        items(100) { index ->
            Text(
                text = "Item $index",
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(16.dp)
                    .onPlaced { placement ->
                        // 记录item的实际渲染高度
                        itemHeights[index] = placement.size.height
                    }
            )
        }
    }

    // 获取当前总滚动像素的函数
    fun getTotalScrollPixels(): Int {
        val layoutInfo = lazyListState.layoutInfo
        val firstVisibleItem = layoutInfo.visibleItemsInfo.firstOrNull() ?: return 0

        // 计算第一个可见item之前所有项的总高度
        val totalHeightBefore = (0 until firstVisibleItem.index).sumOf { index ->
            itemHeights[index] ?: 0
        }

        // firstVisibleItem.offset为负数，绝对值是该item滚出视口顶部的高度
        return totalHeightBefore + kotlin.math.abs(firstVisibleItem.offset)
    }

    // 可在需要的地方调用getTotalScrollPixels()获取滚动位置
    // 例如：Text("总滚动像素: ${getTotalScrollPixels()}")
}

关键说明 #

• item高度记录：onPlaced回调会在item完成布局后触发，能准确获取item的实际渲染高度，适配不同高度的item场景。
• 滚动像素计算逻辑：
  • 前置item总高度：累加所有已经完全滚出屏幕的item高度。
  • 第一个可见item的偏移：firstVisibleItem.offset为负数时，代表item顶部已超出LazyColumn视口顶部，其绝对值就是该item已滚出的高度，两者相加即为总滚动像素，和普通Column的ScrollState.value行为完全一致。
• 边界情况处理：当列表为空或第一个可见item是列表首项时，计算结果会自动返回合理值（空列表返回0，首项滚动时仅计算其滚出高度）。

内容的提问来源于stack exchange，提问作者Hamidreza Sahraei