Jetpack Compose：LazyColumn是否有缓冲区？如何配置及优化加载？

1. LazyColumn 有没有缓冲区机制？ #

有。LazyColumn 底层基于 RecyclerView 的回收复用逻辑，内部自带缓冲区（回收池），会保留滚出屏幕的列表项，避免频繁创建和销毁 Composable 组件，以此提升性能。

2. 缓冲区怎么配置？ #

LazyColumn 没有直接暴露缓冲区大小的配置接口，但可以通过以下方式间接优化复用效率：

• 给列表项设置唯一 Key：确保系统能正确识别可复用的项，避免不必要的重建。示例代码：

LazyColumn(state = rememberLazyListState()) {
    items(items = videoList, key = { it.id }) { videoItem ->
        VideoPlayerItem(video = videoItem)
    }
}

• 标记数据类为稳定类型：用 @Stable 注解标记视频数据类，让 Compose 更高效判断是否需要重组，间接优化缓冲区复用逻辑：

@Stable
data class Video(val id: String, val url: String, val title: String)

3. 末尾视频加载耗时，怎么避免重复加载？ #

组件复用+本地状态缓存 #

只要视频项被正确复用，就不会重复加载。在视频组件内部缓存加载状态，复用的时候直接读取缓存：

@Composable
fun VideoPlayerItem(video: Video) {
    // 用视频ID作为key，确保每个视频的状态独立缓存
    val loadState = remember(video.id) { mutableStateOf<VideoLoadState>(VideoLoadState.Unloaded) }

    LaunchedEffect(video.id) {
        if (loadState.value == VideoLoadState.Unloaded) {
            loadState.value = VideoLoadState.Loading
            // 替换为实际的视频加载逻辑
            val videoData = fetchVideoData(video.url)
            loadState.value = VideoLoadState.Loaded(videoData)
        }
    }

    when (val state = loadState.value) {
        VideoLoadState.Unloaded -> VideoPlaceholder()
        VideoLoadState.Loading -> CircularProgressIndicator()
        is VideoLoadState.Loaded -> VideoPlayer(data = state.data)
    }
}

// 定义加载状态的密封类
sealed class VideoLoadState {
    object Unloaded : VideoLoadState()
    object Loading : VideoLoadState()
    data class Loaded(val data: VideoData) : VideoLoadState()
}

提前预加载视频 #

监听列表滚动状态，当用户滚动到接近末尾时，提前加载末尾的视频：

val listState = rememberLazyListState()
val coroutineScope = rememberCoroutineScope()

LaunchedEffect(listState) {
    snapshotFlow { listState.layoutInfo.visibleItemsInfo.lastOrNull()?.index }
        .distinctUntilChanged()
        .collect { lastVisibleIndex ->
            val totalItems = listState.layoutInfo.totalItemsCount
            // 距离末尾还有3个项时开始预加载
            if (lastVisibleIndex != null && totalItems - lastVisibleIndex <= 3) {
                coroutineScope.launch {
                    preloadVideo(videoList.last().url)
                }
            }
        }
}

LazyColumn(state = listState) {
    // 渲染列表项
}

用视频缓存库 #

集成ExoPlayer这类带本地缓存的视频库，把视频内容缓存到本地，即使组件重建，也能从本地快速加载，不用重复请求网络。

4. 怎么提高预加载的列表项数量？ #

直接用 LazyColumn 的 prefetchDistance 参数，设置更大的像素值，就能让系统提前加载更多离屏的列表项：

LazyColumn(
    state = rememberLazyListState(),
    // 提前1500dp的距离开始预加载，值越大预加载的项越多
    prefetchDistance = 1500.dp
) {
    items(videoList) { item ->
        VideoPlayerItem(video = item)
    }
}

如果需要更精准控制，也可以根据列表项的平均高度计算对应像素值的prefetchDistance，比如每个项高300dp，要预加载5个项，就设为1500.dp。

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