如何在包含大量产品的 Flutter 电子商务应用程序中实现搜索栏？

Question

我一直在开发电子商务应用程序。 到目前为止，它有很多产品，而且每天都在添加更多产品。 我正在考虑列出数千种产品（所有产品）并进行线性搜索。 有没有更好的方法来实现它。 建议我一些最佳实践。 谢谢。

Answer 1

这是一个可以使用Flutter Search Bar的包，我个人只使用第二个 List 和这个简单的功能：

final List<String> filteredNames;
final List<String> names = [
  //your data or database
];

onChanged: (input) {
  input = input.toLowerCase(); //for no case-sensitive search
    setState(() {
      filteredNames = names.where((name) {
        var exName = name.toLowerCase();
        return exName.contains(input);
      }).toList();
   });
},

它很容易实现，但缺点是非常大的列表性能不佳（我认为几千应该可以正常工作，请尝试一下）。

要在非常大的列表中处理搜索，请查看Stack Overflow-How to handle search large list in Flutter？