Flutter中删除列表元素触发RangeError问题求助

错误根源 #

你遇到的RangeError核心原因是混淆了两个列表的索引关系：

• ListView的index是当前searchResult列表的索引，而dataMark是独立维护的选中项列表，两者的索引没有任何对应关系
• 长按添加时错误使用了marksList[index]，当开启搜索过滤后，searchResult的元素顺序/数量和marksList不一致，会导致添加错误的数据到dataMark

分步修复 #

1. 修正长按添加逻辑

长按操作应该基于当前searchResult的项，而非原始的marksList，避免搜索过滤后数据错位：

onLongPress: () {
  final currentItem = searchMethodProvider.searchResult[index];
  currentItem['bool'] = true;
  
  // 使用当前项的index和model，而非marksList的
  searchMethodProvider.addMark(currentItem['index'], currentItem['model']);
},

2. 修改删除逻辑：按唯一标识删除，而非索引

dataMark的索引和ListView的索引无关，应该通过每个项的唯一indexApp来查找并删除：

onTap: () {
  final currentItem = searchMethodProvider.searchResult[index];
  currentItem['bool'] = false;
  
  // 传入当前项的唯一indexApp，而非ListView的index
  searchMethodProvider.deleteMarkByIndexApp(currentItem['index']);
},

3. 优化Provider的删除方法

替换原有的deleteDataIndex，改为根据indexApp查找并删除对应项：

// 替换原deleteDataIndex方法
void deleteMarkByIndexApp(int targetIndexApp) {
  dataMark.removeWhere((item) => item['indexApp'] == targetIndexApp);
  notifyListeners();
}

4. 修复列表引用问题（可选但重要）

当前searchResult = marksList是直接引用，修改searchResult里的bool会直接修改原marksList的数据，初始化时应该创建副本：

SearchMethodInMarkFilterProvider(){
  // 创建副本，避免原数据被意外修改
  searchResult = marksList.map((map) => Map.from(map)).toList();
}

void runFilter(String enteredKeyword) {
  List<Map<String, dynamic>> results = [];
  if (enteredKeyword.isEmpty) {
    // 重置时也创建副本
    results = marksList.map((map) => Map.from(map)).toList();
  } else {
    results = marksList
        .where((user) =>
            user['mark'].toLowerCase().contains(enteredKeyword.toLowerCase()))
        .map((map) => Map.from(map)) // 过滤后也创建副本
        .toList();
  }

  searchResult = results;
  notifyListeners();
}

关键注意事项 #

• 不要混用不同列表的索引，始终通过唯一标识（比如每个项的index字段）来关联数据
• Provider中的状态更新不需要结合setState，notifyListeners()会自动通知UI刷新
• 对于Map/List这类引用类型，操作时尽量创建副本，避免原数据被意外修改

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