我想在 flutter/dart 中创建带有下拉列表的多个过滤器列表

Question

我是新的 flutter 开发人员。

所以我想用下拉菜单创建多个过滤器列表......

这个过滤器有 3 个下拉小部件，这样做的预期结果是搜索结果可以相互组合。

我对如何开始做有点困惑，你能给我与这个问题相关的建议/参考/链接吗？

到目前为止，我只能进行一次搜索（我是从搜索代表那里得到的）

Future<List<ModelKost>> getFilter({String? query}) async {
    final prefs = await SharedPreferences.getInstance();
    const key = 'token';
    final value = prefs.get(key) ?? 0;

    try {
      var response = await http.get(Uri.parse('$serverUrl/home'), headers: {
        'Accept': 'application/json',
        'Authorization': 'Bearer $value'
      });
      if (response.statusCode == 200) {
        data = json.decode(response.body)['data'];
        results = data.map((e) => ModelKost.fromJson(e)).toList();
        if (query != null) {
          results = results
              .where((e) =>
                  e.kabkot.toLowerCase().contains((query.toLowerCase())))
              .toList();
        }
      } else {
        debugPrint('fetch data error');
      }
    } on Exception catch (e) {
      debugPrint('error: $e');
    }
    sortHarga = results;
    return results;
  }

如何使用多个过滤器和下拉菜单来实现它？ 谢谢你！

Answer 1

您要做的是在 api 调用之后，将结果存储在列表中（例如 allKosts）。 然后提供一个 getter 来获取列表，带有过滤器。 每当您更改过滤器时，您都希望调用 setState 并且 getter 的值将自动更新。

List<ModelKost> allKosts = [];
String kabkotFilter = '';
String tipeKotFilter = '';

List<ModelKost> get filteredKosts =>
results.where((e) => e.kabkot.toLowerCase().contains((kabkotFilter.toLowerCase())) && e.tipeKot.toLowerCase() == tipeKotFilter.toLowerCase())).toList();