如何在颤振中使用复选框从列表中搜索数据

Question

我想从列表中搜索并使用复选框将数据呈现到该列表中。这意味着在这张照片中我已经有了数据，但是当我点击应用栏搜索框并开始搜索数据时，它会根据搜索数据给我结果。

这里是项目的完整源代码。 https://github.com/rutvikgumasana/testing

Answer 1

我已经在本地搜索列表中的数据。检查下面的代码

初始化全局列表对象

List<ServicesByCountry> finalList = new List();

在构造函数中传递您的搜索查询

final BspServiceBloc _bspServiceBloc;
final String searchQuery;
final List<int> servicesIds;
final Map<String, bool> selection;

  const BspServiceScreen({
    Key key,
    @required BspServiceBloc bspServiceBloc,
    @required this.servicesIds,
    @required this.selection,
    this.searchQuery,
  })  : _bspServiceBloc = bspServiceBloc,
        super(key: key);

然后使用下面的代码进行搜索

WidgetsBinding.instance.addPostFrameCallback((_) {
  if (widget.searchQuery != '') {
    finalList.clear();
    lovCountryServices.forEach((ServicesByCountry data) {
      if (data.name
          .toLowerCase()
          .contains(widget.searchQuery.toLowerCase())) {
        setState(() {
          finalList.add(data);
        });
      } else {
        data.services.forEach((Service services) {
          if (services.name
              .toLowerCase()
              .contains(widget.searchQuery.toLowerCase())) {
            setState(() {
              finalList.add(data);
            });
          }
        });
      }
    });
  } else {
    setState(() {
      finalList.clear();
      finalList.addAll(lovCountryServices);
    });
  }
});

然后将最终列表传递给您的 listView 小部件

如何在颤振中使用复选框从列表中搜索数据

How to search data from list with checkbox in flutter

listview

flutter

flutter-sliver

flutter-dependencies

flutter-layout