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

Question

I've been developing an E-commerce app. It has a lot of products as of now and more are being added every day . I'm thinking of making a list of thousands of products (all of them) and do a linear search . Is there a better way to implement it. Suggest me some best practices. Thanks.

Answer 1

here's a package you can use Flutter Search Bar , personally I just use a second List and this simple function:

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();
   });
},

It's easy to implement but the downside is bad performance for very large lists (a few thousands should be working fine I think, try it out).

For handling search in really large lists check out Stack Overflow-How to handle searching large lists in Flutter?