1. LazyColumn 基础与按需加载原理

在 Jetpack Compose 的声明式体系中，LazyColumn 是替代传统 RecyclerView 的核心惰性布局组件。它不再依赖 ViewHolder 模式，而是通过 Compose 的组合-重组机制实现子项的按需创建与回收。本章将深入其底层原理，包括子项复用、可见区域触发和内存回收策略，为后续章节的动态组件加载奠定基础。

1.1 LazyColumn 与 RecyclerView 的差异

1.2 按需加载核心流程

1. 可见区域触发： LazyColumn 通过 LazyListState 感知当前手指滚动偏移量，计算出需要显示的 item 索引范围。
2. 子项组合（Compose）： 仅对在可见区域内的项调用 item{} 或 items() 提供的 Composable，其余项不参与组合。
3. 复用与缓存： 同索引的 Composable 通过 key 参数绑定，当项滑出屏幕时，Composition 被释放；滑回时若 key 匹配且未超时，可恢复状态（类似 ViewHolder 的 attach/detach）。
4. 内存回收： 超出预取缓冲区的项会被完全移除（dispose），系统释放其占用的 Compose 节点和 State 内存。

1.3 基础实现示例

一个最简单的 LazyColumn 按需加载列表：

@Composable
fun SimpleLazyList() {
    val items = (0..1000).map { "Item #$it" }
    LazyColumn(
        state = rememberLazyListState(),
        modifier = Modifier.fillMaxSize()
    ) {
        items(
            items = items,
            key = { index -> items[index] }   // 稳定 key
        ) { itemText ->
            Text(
                text = itemText,
                modifier = Modifier.padding(8.dp)
            )
        }
    }
}

1.4 可见区域触发与内存回收原理

LazyColumn 底层使用 LazyLayout 和 SubcomposeLayout 实现。每个子项在滑动过程中经历三个状态区域：

• 可见区（Visible）：当前屏幕显示的 item，处于活跃组合状态。
• 预取区（Prefetch）：在可见区之外但预取距离内的 item，提前组合以减少抖动。
• 回收区（Recycle）：远离屏幕且超出预取距离的 item，Composition 被完全释放。

1.5 性能优化清单

1. 稳定 key + 稳定的 contentType：避免不必要的全部重组。
2. 避免可变状态在 item 中传播：使用 remember 裁剪，减少组合范围。
3. 控制预取距离：通过 LazyListState.prefetchDistance 调整，平衡流畅度与内存。
4. 使用 stickyHeader 时确保 key 唯一，否则粘性头部可能异常跳转。
5. 调试中开启 Layout Inspector 的重组计数：观察 LazyColumn 子项的重组次数，若远多于可见项变化次数，则需检查 key 或 remember 的使用。