Flutter应用列表元素过滤失效问题排查及解决方案咨询

你的过滤失效问题核心原因是在正向遍历列表的同时删除元素，这会导致索引错位，部分不符合条件的元素被跳过，没有被正确过滤掉。

举个例子：当你遍历filteredGirls时，删除第i个元素后，列表中后面的元素会自动向前移动一位。但循环的i会继续递增，这样就会跳过原本在i+1位置的元素（现在它在i的位置），导致这个元素没有被检查，最终留在列表里。比如你遇到的Monica和Reshmita的情况，都是因为这个索引错位导致漏删。

推荐使用Dart的where方法来过滤列表，它会生成一个新的符合条件的列表，完全避免索引错位问题。同时我们可以简化整个过滤逻辑，让代码更清晰。

步骤1：重构populateFilteredGirls方法 #

替换原来的populateFilteredGirls为以下代码：

void populateFilteredGirls(int dis, int ag) {
  // 一步完成所有过滤条件的判断
  filteredGirls = allGirls.where((girl) {
    // 距离条件：不超过设定的最大距离
    bool withinDistance = girl.distance <= dis;
    // 年龄条件：不超过设定的最大年龄
    bool withinAge = girl.age <= ag;
    // 单身条件：未勾选时全部通过，勾选时仅单身用户通过
    bool isSingleMatch = !isSingle || girl.status.toLowerCase() == "single";
    // 认真交友条件：未勾选时全部通过，勾选时仅serious用户通过
    bool isSeriousMatch = !isSerious || girl.lookingFor.toLowerCase() == "serious";
    
    // 所有条件都满足才保留该用户
    return withinDistance && withinAge && isSingleMatch && isSeriousMatch;
  }).toList();

  // 根据选择的规则对过滤后的列表排序
  if (sortCriterion == "distance") {
    filteredGirls.sort((a, b) => a.distance.compareTo(b.distance));
  } else {
    filteredGirls.sort((a, b) => a.age.compareTo(b.age));
  }
}

步骤2：移除不必要的中间变量 #

你可以删除filteredGirlsbyDistance、filteredGirlsbyAge这些中间列表变量，因为新的过滤逻辑不需要它们，代码会更简洁。

步骤3：修改排序逻辑，保护原始数据源 #

原来的代码中，排序时直接修改了allGirls的顺序，这会改变原始数据源的结构。现在我们改为对过滤后的列表排序，原始的allGirls保持不变，逻辑更安全。

比如Radio按钮的点击事件可以简化为：

// 按年龄排序的Radio
onChanged: (value) {
  setState(() {
    sortCriterion = value.toString();
    populateFilteredGirls(distance, age);
  });
},

// 按距离排序的Radio同理
onChanged: (value) {
  setState(() {
    sortCriterion = value.toString();
    populateFilteredGirls(distance, age);
  });
},

因为排序逻辑已经整合到populateFilteredGirls里，不需要再直接修改原始列表。

现在测试你的场景：

1. 勾选「Is Serious」时，Monica（lookingFor为casual）会被正确过滤掉，因为isSeriousMatch条件不满足，不会进入结果列表；
2. 勾选「Is Single」时，Reshmita（status为married）会被正确过滤掉，因为isSingleMatch条件不满足，被排除在外。

这种方式不仅解决了你的过滤失效问题，还让代码逻辑更清晰，后续维护也更方便。

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