Jetpack Compose从Screen B返回时如何避免Screen A组件重载？

1. 用ViewModel托管分页数据 #

把Paging3的数据源、Pager配置全部放在ViewModel中，让数据生命周期与Screen A绑定，避免因Composable重组或导航返回触发重复请求。

示例代码：

class NewsViewModel : ViewModel() {
    val newsPagingData: Flow<PagingData<News>> = Pager(
        config = PagingConfig(pageSize = 20),
        pagingSourceFactory = { NewsPagingSource(apiService) }
    ).flow
        // 将数据流缓存到ViewModel作用域，返回时直接复用缓存数据
        .cachedIn(viewModelScope)
}

在Screen A中获取ViewModel：

@Composable
fun NewsScreen(navController: NavController) {
    val viewModel: NewsViewModel = viewModel()
    val newsItems = viewModel.newsPagingData.collectAsLazyPagingItems()
    
    // 后续LazyColumn实现代码
}

2. 保留LazyColumn滚动状态 #

通过rememberSaveable结合LazyListState.Saver保存滚动位置，确保返回Screen A时自动恢复之前的滚动位置：

@Composable
fun NewsScreen(navController: NavController) {
    val viewModel: NewsViewModel = viewModel()
    val newsItems = viewModel.newsPagingData.collectAsLazyPagingItems()
    
    // 持久化列表滚动状态
    val listState = rememberSaveable(saver = LazyListState.Saver) {
        LazyListState()
    }

    LazyColumn(state = listState) {
        items(newsItems) { news ->
            news?.let {
                NewsItem(news) {
                    navController.navigate(NavigationScreen.NewsDetailsScreen.route)
                }
            }
        }
        
        // 分页状态占位逻辑
        newsItems.apply {
            when {
                loadState.refresh is LoadState.Loading -> item { LoadingItem() }
                loadState.append is LoadState.Loading -> item { LoadingItem() }
                loadState.refresh is LoadState.Error -> {
                    val error = loadState.refresh as LoadState.Error
                    item { ErrorItem(error) { retry() } }
                }
            }
        }
    }
}

3. 确认导航作用域（可选） #

如果Screen A和Screen B属于不同导航图，需确保ViewModel作用域覆盖父导航图或Activity，避免返回时ViewModel被销毁：

// 获取父导航图的ViewModel实例
val viewModel: NewsViewModel = viewModel(
    viewModelStoreOwner = navController.getBackStackEntry("parent_nav_graph_id")
)

4. 减少不必要重组 #

• 所有状态对象（如Flow、分页配置）都托管在ViewModel中，不在Composable内重复创建
• 用remember/rememberSaveable保存本地临时状态，避免每次重组重新初始化

按上述方案处理后，从Screen B返回Screen A时，分页数据会复用ViewModel缓存，滚动位置自动恢复，不会触发重复API请求，组件状态完全保留。

内容的提问来源于stack exchange，提问作者Nayeem Shiddiki Abir