Question

我想用一个StreamController来控制一个StreamBuilder来从Firestore的集合中获取数据。这将使我能够使用RefereshIndicator，以便在下拉列表时可以刷新/获取更多数据（如果有）。

我使用了article中的大多数信息。我当前的代码在

下

    class _Lists extends State<List> {
      StreamController _controller;
      final GlobalKey<ScaffoldState> scaffoldKey = new GlobalKey<ScaffoldState>();

        @override
         void initState() {
        _controller = new StreamController();
         loadPosts();         
        super.initState();
        }

       Future fetchPost() async {
       return await . 
       Firestore.instance.collection(_locationState).snapshots();
        }

      Future<Null> _handleRefresh() async {
      count++;
      print(count);
       fetchPost().then((res) async {
       _controller.add(res);
       showSnack();
        return null;
      });
     }

      showSnack() {
      return scaffoldKey.currentState.showSnackBar(
      SnackBar(
      content: Text('New content loaded'),
      ),
       );  
     }

      loadPosts() async {
      fetchPost().then((res) async {
       print(res.document);
       _controller.add(res);
      return res;
      });
      }


       @override
   Widget build(BuildContext context) {
   final topBar = AppBar(Title("List"));
   bottom: TabBar(
    indicatorColor: Colors.blueAccent,
    indicatorWeight: 3.0,
    //indicatorSize: 2.0,
    indicatorPadding:
        const EdgeInsets.only(bottom: 10.0, left: 47.0, right: 
    47.0),
    tabs: [
      Tab(
        child: Image(
          image: AssetImage("MyImage1"),
          width: 65.0,
          height: 65.0,
        ),
      ),
      Tab(
        child: Image(
          image: AssetImage("Image2"),
          width: 90.0,
          height: 90.0,
        ),
      ),
    ],
  ),

return DefaultTabController(
    length: 2,
    child: Scaffold(
        key: scaffoldKey,
        appBar: topBar,
        body: StreamBuilder(
            stream: _controller.stream,
            builder: (BuildContext context, AsyncSnapshot snapshot) {
              if (snapshot.hasError) {
                return Text(snapshot.error);
              }
              if (snapshot.connectionState == ConnectionState.active) {
                List aList = new List();
                aList.clear();
                for (DocumentSnapshot _doc in snapshot.data.documents) {
                  Model _add = new Model.from(_doc);
                  aList.add(_add);
                }
                return TabBarView(
                  children: <Widget>[
                    RefreshIndicator(
                      onRefresh: _handleRefresh,
                      child: ListView.builder(
                        itemCount: aList.length,
                        itemBuilder: (context, index) {
                          return Card(aList[index]);
                        },
                      ),
                    ),
                    Icon(Icons.directions_transit),
                  ],
                );
              } else {
                return Container(
                    child: Center(child: CircularProgressIndicator()));
              }
            })));
 }
}
}

我遇到的问题是我不断收到错误

    flutter: ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY 
╞═══════════════════════════════════════════════════════════
flutter: The following NoSuchMethodError was thrown building 
StreamBuilder<dynamic>(dirty, state:
flutter: _StreamBuilderBaseState<dynamic, 
AsyncSnapshot<dynamic>>#53c04):
flutter: Class '_BroadcastStream<QuerySnapshot>' has no instance getter 'documents'.
flutter: Receiver: Instance of '_BroadcastStream<QuerySnapshot>'
flutter: Tried calling: documents

关于如何将StreamController与来自Firestore的数据一起使用的任何想法？

Answer 1

密切关注IDE中的返回类型可能有助于避免出现许多令人困惑的问题。不幸的是，该博客未在then语句中指出API调用，StreamController或'res'的任何类型。声明这些类型将有助于显示您正在使用的对象（至少对我而言适用于Android Studio）。例如，在具有Firestore流的StreamBuilder中，我使用AsyncSnapshot<QuerySnapshot> snapshot而不是AsyncSnapshot。这使Android Studio中的工具可以告诉我snapshot.data.documents是QuerySnapshot类的映射。如果不添加其他类型，则看不到。

这是一个监听Firestore Dart package中流的示例。

//Performing a query:

Firestore.instance
    .collection('talks')
    .where("topic", isEqualTo: "flutter")
    .snapshots()
    .listen((data: QuerySnapshot) =>
        // do stuff here
    );

由于您使用的是异步/等待风格（也很好），因此您将获得与.listen((data) =>内部相同的结果。我们可以按照文档/类查看返回的类型。

Firestore.instance.collection(<whatever>).snapshots() 将返回 Stream<QuerySnapshot>，所以我们知道 await Firestore.instance.collection(<whatever>).snapshots() 将返回 QuerySnapshot。

深入研究该类，我们看到它具有一个名为documents的属性。

  /// Gets a list of all the documents included in this snapshot
  final List<DocumentSnapshot> documents;

这最终为我们提供了DocumentSnapshot个，您必须从中提取data属性。

因此，对于您而言，我相信res类型为QuerySnapshot可以帮助您显示要放入流中的数据，这可以通过多种方式完成。 List<DocumentSnapshot>看起来像您想要的东西，但是您可以更进一步了解从List<YourClass> DocumentSnapshot属性构建的data。这样，您可以说出StreamController将返回哪种数据类型，从而使构建器的AsyncSnapshot<your stream type>更加易于使用。

我不确定您使用的开发工具是什么，但是如果您不熟悉大多数开发工具，它们将允许您执行以下操作：按下/按住（命令或Ctrl），将鼠标悬停在类型/类/功能/您想要查看的变量，单击鼠标左键，然后您将被带到源文件/声明（我觉得这很方便）。

带Firestore的StreamController

1 个答案: