Jetpack Compose结合Paging 3库：初始加载后load方法不触发

问题1：LazyColumn 误用静态快照导致分页感知失效 #

你当前使用itemSnapshotList作为列表数据源，这是一个静态的快照集合，Paging无法通过它感知滚动位置，自然不会触发后续的load方法调用。

修复代码：直接使用LazyPagingItems内置的items扩展函数，它会自动绑定滚动监听与分页触发逻辑：

LazyColumn(
    modifier = Modifier,
    state = listState,
    contentPadding = PaddingValues(8.dp),
    verticalArrangement = Arrangement.SpaceBetween,
    horizontalAlignment = Alignment.CenterHorizontally,
) {
    items(lazyPagingItems) { photo ->
        if (photo != null) {
            PhotosCard(
                photo = photo,
                onCardClicked = { TODO() }
            )
        }
    }
}

问题2：getRefreshKey 实现逻辑错误 #

当前直接返回state.anchorPosition，但anchorPosition是列表项的索引而非页码，这会导致刷新时传入错误的分页key，破坏分页逻辑连贯性。

修复代码：根据锚点位置计算对应页码：

override fun getRefreshKey(state: PagingState<Int, Photos>): Int? {
    return state.anchorPosition?.let { anchorPosition ->
        val anchorPage = state.closestPageToPosition(anchorPosition)
        anchorPage?.prevKey ?: anchorPage?.nextKey ?: anchorPage?.key
    }
}

问题3：ViewModel 中冗余的状态包裹 #

你用MutableStateFlow二次包裹PagingData，但Pager.flow结合cachedIn(viewModelScope)已经能在ViewModel生命周期内缓存分页状态，冗余包裹会导致分页状态丢失或更新不及时。

简化ViewModel代码：

@HiltViewModel
class HomeViewModel @Inject constructor(
    private val repository: PhotosRepository
) : ViewModel() {

    val pagingFlow: Flow<PagingData<Photos>> = repository.getPhotos()
        .cachedIn(viewModelScope)
}

Compose侧直接收集即可：

val lazyPagingItems = homeViewModel.pagingFlow.collectAsLazyPagingItems()

可选优化：统一分页加载数量 #

当前limit使用params.loadSize，但如果你的API要求固定每页加载30条，建议直接用定义好的PAGE_SIZE，避免loadSize因预加载、重试等场景变化导致的请求参数异常：

val limit = PAGE_SIZE

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