带Firestore的StreamController
我想使用一个StreamController来控制一个从Firestore中的集合获取数据的StreamBuilder。这将使我能够使用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关于如何使用来自Firestore的数据的StreamController，有什么想法吗？
回答 1
Stack Overflow用户
发布于 2019-02-05 13:11:50
密切关注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属性。
因此，在您的示例中，我相信QuerySnapshot类型的res将帮助您显示将哪些数据放入流中，这可以通过多种方式来完成。List<DocumentSnapshot>看起来像您想要的，但是您可以更深入地了解从DocumentSnapshot data属性构建的List<YourClass>。这样，您就可以说出您的StreamController将返回什么数据类型，从而使构建器的AsyncSnapshot<your stream type>更易于使用。
我不确定您使用的是什么开发工具，但如果您不熟悉，大多数工具将允许您执行以下操作:按下/按住(命令或ctrl)，将鼠标悬停在您想要查看的type/class/function/var上，单击鼠标左键，您将被带到源文件/声明(我发现这非常方便)。
https://stackoverflow.com/questions/54525982
复制相似问题
腾讯云开发者
