Compose中PagingData/LazyPagingItems配置变化时初始返回0项及Loading问题

我开发了一个Compose聊天详情页面，使用Paging3加载数据：

@Composable
fun ChatDetailsScreen(
    chatDetailsViewModel: ChatDetailsViewModel = hiltViewModel(),
    navigateUp: () -> Unit
) {
    val chatMessagesResponse = chatDetailsViewModel.chatMessagesResponse.collectAsLazyPagingItems()

    val itemsCount = chatMessagesResponse.itemSnapshotList.size
    val loadState = chatMessagesResponse.loadState.refresh

    Timber.d("chatMessagesResponse size $itemsCount, loadStatus: $loadState")
}

ViewModel中已通过cachedIn(viewModelScope)缓存数据：

@HiltViewModel
class ChatDetailsViewModel @Inject constructor(
    // ...
) : ViewModel() {
    
    val chatMessagesResponse = getChatMessagesUseCase(chatId)
                                 .cachedIn(viewModelScope)
}

首次打开页面时日志正常，但配置变化（如横竖屏切换）或从其他页面返回时，日志会先输出：

chatMessagesResponse size 0, loadStatus: Loading(endOfPaginationReached=false)
chatMessagesResponse size 30, loadStatus: NotLoading(endOfPaginationReached=false)

这会导致LazyColumn滚动位置重置（列表从30条变为0再变回30），还会显示不必要的ProgressBar，但实际数据来自缓存，并未触发新请求。我期望配置变化后直接显示缓存的30条数据，跳过0条数据和Loading状态。

问题原因 #

每次调用collectAsLazyPagingItems()时，都会创建新的LazyPagingItems实例，该实例会先初始化空的快照列表并发出Loading状态，之后才会接收缓存的Paging数据。cachedIn仅缓存了PagingSource的数据流，但无法阻止LazyPagingItems初始化阶段的空数据和Loading状态推送。

解决方案 #

1. 自定义rememberLazyPagingItems复用实例 #

创建自定义remember函数，在配置变化时保留LazyPagingItems实例，避免重新初始化：

@Composable
fun <T : Any> rememberLazyPagingItems(
    flow: Flow<PagingData<T>>
): LazyPagingItems<T> {
    val context = LocalContext.current
    return remember(context) {
        flow.collectAsLazyPagingItems()
    }
}

在Compose页面中替换原有的收集逻辑：

val chatMessagesResponse = rememberLazyPagingItems(chatDetailsViewModel.chatMessagesResponse)

这种方式从根源解决问题，配置变化时复用同一个LazyPagingItems实例，不会再发出初始空数据和Loading状态。

2. 优化加载状态判断（临时缓解） #

如果不想修改收集逻辑，可以调整进度条的显示条件，仅在无缓存数据且加载时显示：

val chatMessagesResponse = chatDetailsViewModel.chatMessagesResponse.collectAsLazyPagingItems()
val itemsCount = chatMessagesResponse.itemSnapshotList.size
val loadState = chatMessagesResponse.loadState.refresh

// 仅当无缓存数据且处于Loading时显示进度条
val shouldShowProgressBar = loadState is LoadState.Loading && itemsCount == 0

同时用rememberLazyListState()保留滚动位置：

val listState = rememberLazyListState()

LazyColumn(state = listState) {
    // 列表项逻辑
}

此方法仅能缓解体验问题，无法避免短暂的空列表状态。

3. 检查PagingSource逻辑 #

确认你的PagingSource优先读取本地缓存数据，例如基于Room+远程数据的组合场景，确保本地缓存的读取是同步或优先执行的，避免不必要的加载触发。

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