Jetpack Compose从LazyColumn列表删元素报arrayIndexOutOfBoundException如何解决？

• 你使用itemsIndexed时没有指定唯一key，Compose默认使用列表下标作为item的稳定标识，删除元素后列表长度变化，旧下标和新列表的映射错乱，导致访问不存在的下标触发越界。
• 你维护了和productsList长度绑定的currentImage列表，删除productsList元素时没有同步删除currentImage对应下标的元素，后续访问currentImage[index]时触发越界。
• 若Product类未正确重写equals/hashCode方法，productsList.remove(item)可能无法正确匹配到要删除的元素，或者删除逻辑执行时元素已经不在列表中，也会触发异常。
• 你在协程中先调用后端删除接口再更新本地列表，若接口执行过程中列表发生其他变化，删除时的下标和元素位置已经不匹配。

1. 为itemsIndexed指定唯一稳定key，使用商品id作为标识，避免下标变化导致的映射错乱：

itemsIndexed(
    productsList, 
    key = { _, item -> item.product_id } // 用唯一的product_id作为key
) { index, item ->
    // 原有item渲染逻辑
}

2. 同步维护currentImage状态，推荐改为用Map绑定商品id和图片索引，彻底规避下标关联问题：

// 把原来的currentImage列表改为Map，key是product_id，value是对应图片索引，product_id的类型按你实际定义调整
val currentImage = remember { mutableStateMapOf<Long, Int>() }

LaunchedEffect(key1 = Unit){
    myProductsViewModel.getShop()
    productsList.addAll(myProductsViewModel.productsList)
    // 初始化的时候按product_id存储索引
    productsList.forEach { product ->
        currentImage[product.product_id] = 0
    }
}

如果一定要保留列表结构，删除元素时同步删除currentImage对应下标的元素：

Icons.Default.Delete->{
    scope.launch {
        // 先拿到要删除的索引，校验有效性后再操作列表
        val deleteIndex = productsList.indexOfFirst { it.product_id == item.product_id }
        if (deleteIndex >= 0) {
            // 先删附属列表，再删主列表
            currentImage.removeAt(deleteIndex)
            productsList.removeAt(deleteIndex)
            // 最后调用后端接口，UI先更新避免用户感知延迟
            myProductsViewModel.removeProducts(item.product_id,item.shop_id,item)
        }
    }
}

3. 优化删除逻辑，避免删除不存在的元素：
   不要直接用remove(item)，改用按唯一id匹配删除，不需要依赖equals实现：

productsList.removeIf { it.product_id == item.product_id }

4. 建议将列表状态统一放到ViewModel维护，界面层直接观察ViewModel的状态流更新，避免本地和ViewModel两份列表数据不同步的问题。

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