Jetpack Compose：如何重置嵌套LazyRow的LazyListState？

为什么滚动位置没自动重置？ #

这不是Compose的Bug，是它的组件复用优化机制导致的：

• LazyColumn默认使用item的index作为复用key，只要section的索引不变，即使section内容更新，Compose会复用原来的LazyRow组件实例，包括它的LazyListState。
• 复用组件时，原有滚动状态会被保留，所以刷新后LazyRow不会自动回到初始位置。

无需保存每个LazyRow状态的解决方案 #

核心思路是让Compose在section更新时创建新的LazyRow实例而非复用旧的，最简洁的方式是给每个section设置随数据更新变化的唯一key：

1. 给itemsIndexed设置动态key #

修改LazyColumn的itemsIndexed代码，使用section的唯一标识结合刷新/版本标识作为key，确保数据更新时key变化：

LazyColumn {
    itemsIndexed(
        sections,
        // 用section唯一ID + 刷新计数/内容版本号作为key
        key = { _, section -> "${section.id}-${viewModel.refreshCount}" }
    ) { _, section ->
        LazyRow {
            items(section.items) { item ->
                // 横向条目UI实现
            }
        }
    }
}

2. 在ViewModel中添加刷新标识 #

在HomeViewModel里新增一个refreshCount状态，每次刷新时递增，确保key随刷新动作变化：

private val _refreshCount = mutableStateOf(0)
val refreshCount: State<Int> = _refreshCount

fun loadHomeScreen() {
    viewModelScope.launch {
        repository.getHomePage()
            .collect { result ->
                _stateFlow.tryEmit(result)
                // 刷新完成后递增计数，触发key更新
                _refreshCount.value += 1
            }
    }
}

如果你的section本身带有后端返回的内容版本号，可以直接用section.version代替refreshCount，这样能做到精准控制——只有当该section内容变化时才重置滚动位置，而非全局刷新就重置所有横向列表。

补充说明 #

• 避免用index作为key：当列表顺序调整或内容局部更新时，index无法准确标识item的唯一性，会导致组件复用异常。
• 该方案扩展性强：不需要维护每个LazyRow的LazyListState，仅通过key控制组件的创建/复用，适配任意数量的section。

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