Jetpack Compose LazyColumn单个Item状态问题：删除展开项后后续Item异常展开

问题现象 #

当LazyColumn中第一个处于展开状态的元素被删除后，原本的第二个元素会自动变为展开状态，不符合预期。

代码示例 #

Fragment 中的 LazyColumn 代码 #

items(zamList.size) { index ->
    ExpandableCard()
}

可展开卡片（ExpandableCard）代码 #

@Composable
fun ExpandableCard() {
    // 展开状态
    var expandedState by remember {
        mutableStateOf(false)
    }

    Card(
        onClick = {
            expandedState = !expandedState
        }
    ) {
        // 卡片内容
    }
}

问题原因 #

LazyColumn/LazyRow 基于组件复用机制优化性能，默认使用元素的**索引（index）**作为复用标识。当第一个元素被删除后，原本第二个元素的索引变为0，LazyColumn会误将其识别为之前的第一个组件实例，直接复用该组件的展开状态，导致状态异常。

解决方案 #

方案1：为列表项设置唯一稳定的Key #

给每个列表项绑定与索引无关的唯一标识，让LazyColumn能准确区分不同元素，避免错误复用状态。

假设zamList中的元素包含唯一id字段，修改后的代码如下：

items(zamList, key = { item -> item.id }) { item ->
    ExpandableCard()
}

如果元素没有单独的id，也可以直接使用元素本身（需保证元素是数据类，已重写equals和hashCode方法，确保稳定性）：

items(zamList, key = { it }) { item ->
    ExpandableCard()
}

方案2：将状态提升到父组件管理 #

把展开状态从卡片组件内部移到父组件中，绑定到具体的元素实例，状态管理更清晰可控。

// 父组件中维护展开状态集合
val expandedIds = remember { mutableStateSetOf<Long>() }

items(zamList, key = { it.id }) { item ->
    ExpandableCard(
        expanded = item.id in expandedIds,
        onToggle = {
            if (item.id in expandedIds) {
                expandedIds.remove(item.id)
            } else {
                expandedIds.add(item.id)
            }
        }
    )
}

// 修改后的ExpandableCard
@Composable
fun ExpandableCard(expanded: Boolean, onToggle: () -> Unit) {
    Card(
        onClick = onToggle
    ) {
        // 根据expanded状态渲染内容
    }
}

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