如何在包含大量產品的 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？