如何在Compose LazyColumn中借助Paging 3 LazyPagingItems记住列表位置？

你当前的代码中，导航到子页面再返回时scrollState能保留滚动位置是正常的Compose行为——默认情况下，使用rememberLazyListState()创建的状态会和当前Composable的生命周期绑定，当你导航到子页面时，父页面的Composable并没有被从组合树中移除，只是处于后台状态，所以状态会被自动保留。

不过确实存在需要将滚动状态提升到ViewModel的场景，比如：

• 页面遇到配置变更（如旋转屏幕），此时Composable会重建，remember修饰的状态会丢失
• 导航时使用popUpTo等操作将当前页面从后台栈中移除，再次进入页面需要恢复之前的滚动位置
• 跨进程或需要长期持久化滚动位置的场景

如果需要在这些场景下保留滚动位置，可以将滚动状态的关键信息（可见项索引、偏移量）托管到ViewModel中，示例代码如下：

ViewModel层代码 #

class ElementListViewModel : ViewModel() {
    // 保存滚动位置：第一个可见项的索引 + 偏移量
    var scrollPosition by mutableStateOf(0 to 0)
}

Composable层代码 #

@Composable
fun LazyElementList(
    data: Flow<PagingData<Element>>,
    viewModel: ElementListViewModel = viewModel()
) {
    // 从ViewModel恢复初始滚动状态
    val scrollState = rememberLazyListState(
        initialFirstVisibleItemIndex = viewModel.scrollPosition.first,
        initialFirstVisibleItemScrollOffset = viewModel.scrollPosition.second
    )
    val elements = data.collectAsLazyPagingItems()

    // 监听滚动状态变化，实时保存到ViewModel
    LaunchedEffect(scrollState) {
        snapshotFlow { 
            scrollState.firstVisibleItemIndex to scrollState.firstVisibleItemScrollOffset 
        }
        .distinctUntilChanged()
        .collect { newPosition ->
            viewModel.scrollPosition = newPosition
        }
    }

    LazyColumn(state = scrollState) {
        items(elements) { item ->
            DisplayElement(item)
        }
    }
}

总结一下：你当前遇到的“状态自动保留”是Compose导航的默认行为，无需额外处理；只有当页面存在销毁重建的风险时，才需要将滚动状态提升到ViewModel中进行持久化。

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