Jetpack Compose：如何同步HorizontalPager中LazyColumn的滚动状态

要解决切换页面后LazyColumn回到顶部的问题，核心是让所有页面的LazyColumn共享并同步滚动状态，具体实现如下：

1. 创建全局共享的滚动状态 #

在Composable的顶层（比如HorizontalPager的父组件中）创建一个稳定的LazyListState，用rememberSaveable确保状态在配置变更、进程重启时不丢失：

val pagerState = rememberPagerState()
// 用LazyListState.Saver序列化状态，保证状态可持久化
val sharedScrollState = rememberSaveable(saver = LazyListState.Saver) {
    LazyListState()
}

2. 所有LazyColumn绑定同一状态 #

把每个页面的LazyColumn都关联到这个共享的滚动状态，这样任意页面滚动时，其他页面的滚动位置会自动同步：

HorizontalPager(state = pagerState) { index ->
    LazyColumn(
        state = sharedScrollState,
        // 保留你原有的contentPadding、modifier等参数
    ) {
        // 日历页面的列表内容，比如按日期生成的条目
        items(yourDateList) { date ->
            // 渲染单个日期的布局
        }
    }
}

3. 优化页面切换时的滚动同步（可选） #

如果遇到页面切换后滚动位置未及时对齐的情况，可以监听页面切换事件，主动触发滚动恢复：

LaunchedEffect(pagerState.currentPage) {
    // 切换页面后，将当前LazyColumn滚动到共享状态的位置
    sharedScrollState.scrollToItem(
        index = sharedScrollState.firstVisibleItemIndex,
        scrollOffset = sharedScrollState.firstVisibleItemScrollOffset
    )
}

特殊场景处理 #

如果不同页面的列表项高度不一致，用条目索引同步可能不准，此时可以改为保存像素级偏移：

// 保存像素偏移量
val scrollOffset = rememberSaveable { mutableIntStateOf(0) }

// 监听滚动状态，实时更新偏移量
LaunchedEffect(sharedScrollState) {
    snapshotFlow {
        sharedScrollState.firstVisibleItemScrollOffset
    }.collect { offset ->
        scrollOffset.intValue = offset
    }
}

// 页面切换时恢复像素偏移
LaunchedEffect(pagerState.currentPage) {
    sharedScrollState.scrollBy(scrollOffset.intValue.toFloat())
}

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