0

我正在尝试根据 TextField（搜索栏）的内容动态更新 ListView。

ListView 位于“ScenariosList”小部件内，并包含“Scenarios”列表，这是一个自定义小部件，包含标题、内容和其他数据位（不是真正相关但有助于上下文）。它的内容是通过“ScenariosBloc”从数据库中获取的。

TextField 包含在“SearchBar”小部件中。

目标是在检测到 TextField 发生更改时更改 ListView 的内容。

我目前正在使用两个单独的集团。ScenariosBloc 从数据库中获取所有场景，FilterScenariosBloc 使 List 呈现一个小部件以显示场景，如果它的标题包含 SearchBar 内 TextView 中的字符串。

我正在使用嵌套的 StreamBuilders 来执行此操作（请参见下面的代码）。

场景列表.dart

  // build individual scenario cards
  Widget _buildScenarioListItem(Scenario scen, String filter) {
    if (!(filter == null || filter == "")) {
      print("null filter");
      if (!(scen.title.contains(filter))) {
        print("match!");
        return ScenarioCard(scen);
      }
    }
    return Container();
  }

  Widget _buildScenarioList(BuildContext context) {
    return StreamBuilder(
        stream: scenarioBloc.scenarios,
        builder: (BuildContext context,
            AsyncSnapshot<List<Scenario>> scenariosSnapshot) {
          if (!scenariosSnapshot.hasData) {
            return CircularProgressIndicator();
          }
          return StreamBuilder(
              stream: filterScenariosBloc.filterQuery,
              initialData: "",
              builder: (BuildContext context, AsyncSnapshot filterSnapshot) {

                if(!filterSnapshot.hasData) return CircularProgressIndicator();

                print("Scenarios Snapshot: ${scenariosSnapshot.toString()}");
                print("Filter Snapshot: ${filterSnapshot.toString()}");

                return ListView.builder(
                  physics: NeverScrollableScrollPhysics(),
                  padding: EdgeInsets.all(0),
                  shrinkWrap: true,
                  itemCount: scenariosSnapshot.data.length,
                  itemBuilder: (BuildContext context, int index) {
                    Scenario scen = scenariosSnapshot.data[index];
                    return _buildScenarioListItem(scen, filterSnapshot.data);
                  },
                );
              });
        });
  }

}

搜索栏.dart

Textfield 的 onChanged 方法包含：

    // function to filter the scenarios depending on the users input.
    void filterSearchResults(String query) {
      _filterScenariosBloc.doFilter(query);
    }

FilterScenariosBloc.dart

class FilterScenariosBloc {
  // stream - only need one listener
  final _searchController = StreamController<String>.broadcast();

  // output stream
  get filterQuery => _searchController.stream;

  FilterScenariosBloc() {
    doFilter(" ");
  }

  doFilter(String query) {
    _searchController.sink.add(query);
  }
}

用户输入发送到FilterScenariosBloc 一切正常，但状态filterSnapshot始终是connectionState.waiting。关于如何解决这个问题的任何想法？

4

2 回答 2

1

我遇到过同样的问题。问题是我的 Firestore DB 规则不允许读取或写入相关集合。请看看这是否解决了你的问题

于 2020-05-18T09:58:34.360 回答
-3

我有同样的问题，总是有connectionState.waiting，因此snapshot.data 为空。这意味着无论出于何种原因，都无法获取数据。然后，我将应用程序运行到调试模式并收到类似“无法将请求的类放入单个 dex 文件”之类的错误。然后我只是按照这个答案，它为我解决了这个问题。

于 2019-07-05T09:14:12.317 回答