Jetpack Compose中侧滑删除后相邻项菜单异常显示问题

这个问题核心是状态复用错误，大概率是你用了列表索引作为LazyColumn项的key，或者每个项的展开状态和位置绑定，删除项后索引移位，导致相邻项错误继承了被删除项的展开状态。

解决步骤： #

• 给数据项添加唯一标识：确保你的列表数据类有一个唯一ID（比如id: String或自增id: Int），不要依赖索引区分项。

  data class ListItem(
      val id: String, // 唯一标识，可通过UUID生成
      val content: String
  )
  

• 用唯一ID作为列表项的key：在LazyColumn的items方法里，把key绑定到项的唯一ID，而非索引：

  LazyColumn {
      items(items = yourMutableStateList, key = { item -> item.id }) { item ->
          SwipeToRevealItem(
              item = item,
              isExpanded = expandedStates[item.id] ?: false,
              onExpandChange = { expanded ->
                  expandedStates[item.id] = expanded
              },
              onDelete = {
                  // 先清理对应状态，再删除数据
                  expandedStates.remove(item.id)
                  yourMutableStateList.remove(item)
              }
          )
      }
  }
  

• 用StateMap维护每个项的展开状态：不要用单个变量或基于索引的列表存储展开状态，改用mutableStateMap绑定到项的唯一ID：

  val expandedStates = remember { mutableStateMapOf<String, Boolean>() }
  

• 删除时同步清理状态：点击删除按钮时，先从expandedStates中移除对应项的状态，再删除列表数据，避免状态残留。

关键原理 #

LazyColumn会根据key复用组件，用唯一ID作为key后，每个项的组件实例和状态会严格绑定到数据本身，而非位置。删除项后，相邻项的key不会变化，也就不会错误复用被删除项的展开状态。

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