Compose中LazyColumn合并单元格及大数据量性能优化问询

你当前的写法问题在于，每个楼层Item内部直接遍历渲染所有房间，相当于把整个楼层的房间都作为单个LazyColumn Item的子组件一次性渲染。当数据量达到1000+时，单个Item包含大量子元素，Compose需要一次性计算、绘制这些内容，导致加载卡顿。以下是几种优化思路：

1. 扁平化数据源，拆分Item粒度（推荐） #

把楼层标题和每个房间都拆成独立的LazyColumn Item，通过多类型Item实现分组展示，这样LazyColumn只会渲染可见区域的内容，自动复用Item节点（类似RecyclerView的复用机制）。

步骤： #

• 定义统一的列表Item类型：

sealed class ListItem {
    data class FloorItem(val floorName: String) : ListItem()
    data class RoomItem(val roomName: String) : ListItem()
}

• 将原有的楼层数据转成扁平化列表：

val flatListItemList = floors.flatMap { floor ->
    mutableListOf<ListItem.FloorItem(floor.floorName)>().apply {
        addAll(floor.roomList.map { ListItem.RoomItem(it.roomName) })
    }
}

• 在LazyColumn中渲染：

LazyColumn {
    items(flatListItemList) { item ->
        when (item) {
            is ListItem.FloorItem -> {
                Text(
                    text = item.floorName,
                    modifier = Modifier.fillMaxWidth(),
                    style = MaterialTheme.typography.titleMedium
                )
            }
            is ListItem.RoomItem -> {
                Text(
                    text = item.roomName,
                    modifier = Modifier.padding(start = 16.dp)
                )
            }
        }
    }
}

这种方式让每个Item的复杂度极低，LazyColumn的复用机制能最大化发挥作用，1000+数据的加载速度会大幅提升。

2. 嵌套Lazy组件（适合横向房间列表场景） #

如果你的房间是横向排列，且希望保留楼层作为整体Item的结构，可以将楼层内的房间列表换成LazyRow——Compose现在支持嵌套Lazy组件（只要约束好尺寸），这样房间会按需懒加载，不会一次性渲染整个楼层的所有房间：

LazyColumn {
    items(floors) { floor ->
        Column(modifier = Modifier.fillMaxWidth()) {
            Text(text = floor.floorName)
            LazyRow {
                items(floor.roomList) { room ->
                    Text(room.roomName, modifier = Modifier.padding(horizontal = 8.dp))
                }
            }
        }
    }
}

不过这种方案每个楼层会对应一个LazyRow，复用效率不如第一种扁平化方案，适合楼层数量不多但单楼层房间多的场景。

3. 其他辅助优化 #

• 保证数据稳定性：使用data class或给自定义数据类添加@Stable注解，Compose会根据数据稳定性跳过不必要的重组。
• 提取独立Composable：把楼层、房间的渲染逻辑提取成单独的@Composable函数，避免在Item内部创建临时对象或lambda，减少重组开销。
• 分页加载：如果数据来自网络/数据库，不要一次性加载1000+条数据，分批次分页加载，滚动到底部时再请求下一批，降低内存占用和初始渲染压力。

Compose的LazyColumn/LazyRow本身内置了类似RecyclerViewPool的节点复用机制，不需要手动管理，核心是要让单个Item的粒度足够小，避免一次性渲染大量子元素。

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