从惰性列列表中删除

Question

每当我尝试从惰性列列表中删除时，我都会得到 arrayIndexOutOfBoundException 这是数组

var productsList = remember { mutableStateListOf<Product>() }//I load products in this list

每当用户按下某个按钮时，我都会执行以下操作

productsList.remove(item) 

我得到数组 arrayIndexOutOfBoundException 这也是我循环的方式

itemsIndexed(productsList) { index, item ->
        

无论如何要避免这个错误

有兴趣的人的完整代码：

fun MyProducts(navController: NavController,myProductsViewModel: MyProductsViewModel= viewModel()) {
    var productsList = remember { mutableStateListOf<Product>() }
    val scope = rememberCoroutineScope()

    val listState = rememberLazyListState()

    var currentImage = remember { mutableStateListOf<Int>() }

    LaunchedEffect(key1 = Unit){
       myProductsViewModel.getShop()
        productsList.addAll(myProductsViewModel.productsList)
        currentImage.addAll(List(productsList.size) {0})

    }
    var pickedImage: MutableState<String?> =remember { mutableStateOf("") }


    BackHandler() {
        navController.popBackStack()
    }
       LazyColumn(
           Modifier
               .fillMaxSize()
               .padding(start = 16.dp),
            horizontalAlignment = Alignment.Start,
            verticalArrangement = Arrangement.spacedBy(8.dp)
            ,state = listState
        ) {
           itemsIndexed(productsList) { index, item ->
                                   .clickable {when(icon){
                                       Icons.Default.Delete->{
                                           scope.launch {
                                               myProductsViewModel.removeProducts(item.product_id,item.shop_id,item)
                                            productsList.remove(item)
                                           }
                                       }
                                       Icons.Default.Edit->{

                                       }

我在其余代码中访问相同的列表，但我认为它与问题无关

Answer 1

您没有提供正确的代码示例，但听起来您没有正确更新列表和惰性列，因此该项目已从列表中删除，但惰性列不知道。

Answer 2

在我看来，您的代码通常有一些不好的做法。例如：

LaunchedEffect(key1 = Unit){
   myProductsViewModel.getShop()
    productsList.addAll(myProductsViewModel.productsList)
    currentImage.addAll(List(productsList.size) {0})
}

这一切看起来都应该在视图模型中完成。一般来说，composable 应该将状态转换为 UI，这意味着它不应该包含任何业务逻辑。我刚刚展示的代码片段看起来像是可以在视图模型中完成的。

有这样的东西

var productsList = remember { mutableStateListOf<Product>() }

然后添加带有 LaunchedEffect 的元素并不是可组合的使用方式。

首先，您的myProductsViewModel.productsList 应该是一个包含您的产品列表的 LiveData 对象。那么你应该做以下事情：

val productList by myProductsViewModel.productsList.observeAsState(emptyList())

然后你在你的可组合中展示它。如果你想改变列表内容，你应该在视图模型上调用一个方法，然后相应地更新列表的 livedata 对象。

我希望我解释得足够清楚。如果您有任何问题，请告诉我。