分批获取数据时如何保存滚动状态？

我最近做了个简单的LazyVerticalGrid，用来展示从公开API拉取的图片。最开始我跟着教程用了分页逻辑，但后来发现这个API不支持分页，就改成了每次拉取20张图的方式——每次API调用返回20个图片链接，再用AsyncImage加载显示。我还加了个fetchNextImages布尔值来触发下一批图片的拉取，这个逻辑本身跑起来没问题，但只要切换到其他页面再回来，之前的滚动状态就丢了，而且已加载的内容也会出问题。

当时写的代码开头是这样的：

import androidx.compose.foundation.layout.Arrangement
import androidx.compose.fo

（后续代码未补充完整，核心问题聚焦于页面切换后的状态丢失）

实用解决思路 #

遇到这种问题，本质是页面切换时对应Composable被销毁重建，导致局部状态和滚动位置都被重置，给你几个落地的解决方法：

• 用ViewModel托管核心数据与状态：把已加载的图片链接列表、fetchNextImages的触发状态都放到ViewModel中。ViewModel的生命周期和页面绑定，切换页面不会被销毁，返回时数据和触发逻辑都能完整保留。比如在ViewModel里维护一个MutableState<List<String>>来存储图片链接，这样不管页面怎么切换，数据都不会丢失。
• 用rememberSaveable持久化滚动状态：给LazyVerticalGrid的滚动状态做持久化处理，通过rememberSaveable结合LazyListState.Saver创建状态对象，即使页面重建，滚动位置也能自动恢复。代码示例：

  val listState = rememberSaveable(saver = LazyListState.Saver) {
      LazyListState()
  }
  // 将该状态传递给LazyVerticalGrid
  LazyVerticalGrid(state = listState, ...) {
      // 列表内容项
  }
  

• 避免依赖局部状态存储关键数据：不要把图片列表、加载触发标记这类核心数据放在Composable的局部变量里，局部变量会随Composable销毁而消失，必须放到ViewModel或者rememberSaveable中。
• 检查导航栈的管理逻辑：如果用了Jetpack Navigation，确保切换页面时当前页面是保留在导航栈内的，而非被弹出后重新创建。比如调用navController.navigate()时，不要添加popUpTo参数将当前页面弹出栈。

备注：内容来源于stack exchange，提问作者Семён Квашнин