Flutter:过滤ListView时去除重复项

Question

我正在处理这样的 ListView 过滤。

假设您键入 tsi。那么结果是:

这是正确的。如果清除搜索输入框，则应显示默认/原始列表。相反，会有重复的项目。诡异的。

过滤代码如下:

  onSearchTextChanged(String input) async {
    List<ParkingItem> dummySearchList = List<ParkingItem>();
    dummySearchList.addAll(_parkingList);

    if (input.isNotEmpty){
      List<ParkingItem> dummy = List<ParkingItem>();
      dummySearchList.forEach((item){
        if (item.location.toLowerCase().contains(input.toLowerCase())){
          dummy.add(item);
        }
      });

      setState((){
        _parkingList.clear();
        _parkingList.addAll(dummy);
      });
      return;
    }
    else {
      setState(() {
        _parkingList.clear();
        _parkingList.addAll(backup);
      });
    }
  }

这是 the full code .这里有什么问题吗？

Answer 1

使用那个 dummySearchList 和另一个 dummy 列表，我觉得有点困惑。我建议在您的小部件状态下有两个列表。一个包含所有项目，基本上是 ParkingItem 的来源，另一个用于您要显示的项目。

我已经在 dartpad 中输入了一些内容，希望这对您有所帮助。

List<ParkingItem> _allItems; 
List<ParkingItem> _displayedItems; 

@override
initState() {
  super.initState();
  _allItems = []; // TODO: fetch all items first
  _displayedItems = _allItems; // initially, display all items
}

onSearchTextChanged(String input) async {
  if(input.isNotEmpty) {
    setState(() {
      // set displayed items as a filtered set of allItems, by using `where`
      _displayedItems = _allItems
        .where((ParkingItem item) => item.location.toLowerCase().contains(input.toLowerCase()))
        .toList(); // turn the Iterable back into a List
    });
  } else {
    setState(() {
      // no search field input, display all items
      _displayedItems = _allItems;
    });
  }  
}