你好，我正在尝试动态地将Firebase文档中的数据显示在我的Flutter应用中，使用循环进行渲染。因此，我创建了一个 List<Widget> Cards 并添加了函数 makeItem() 来包含卡片，并将它们放入一个循环中。问题是当我运行代码时，始终以 ConnectionState.waiting 输出 print(snapshot.connectionState);，而它应该是异步快照，但它拒绝按需加载数据。我应该提到的是，当我点击“Android Studio中的热重载”时，数据会按所需显示。
所以我不知道如何解决这个问题。谢谢！
在使用流创建器(stream builder)和提供者(provider)&变更通知(change notifier)时，我遇到了同样的问题。
返回视图时，应重新分配流本身。
为您的流制作一个获取函数，在该函数中，在返回流之前重新分配流。这解决了我的加载问题。
class MyList extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
stream: _firestore.collection(widget.city).snapshots(),
builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
if (snapshot.hasError)
return Text('Error: ${snapshot.error}');
switch (snapshot.connectionState) {
case ConnectionState.waiting: return Center(child: CircularProgressIndicator(backgroundColor: Colors.amber,strokeWidth: 1),),
default:
return ListView(
children: snapshot.data.documents.map((DocumentSnapshot document) {
return makeItem(
pointName: document['name'],
huge: document['lastname'],
moderate: document['mobileNumber'],
none: document['location'],
fights: document['job'],
);
}).toList(),
);
}
},
);
}
}
我想我有东西可以让你试试。在我的模拟器上有效。
List<Widget> cards = [];
Stream<QuerySnapshot> firebaseStream;
@override
void initState() {
super.initState();
firebaseStream = Firestore.instance.collection('Hearings').snapshots();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: StreamBuilder<QuerySnapshot>(
stream: firebaseStream,
builder: (BuildContext context,
AsyncSnapshot<QuerySnapshot> asyncSnapshot) {
List<DocumentSnapshot> snapData;
if (asyncSnapshot.connectionState == ConnectionState.waiting) {
return Container(
child: Center(
child: CircularProgressIndicator(
backgroundColor: Colors.amber,
strokeWidth: 1,
),
),
);
} else if (asyncSnapshot.connectionState ==
ConnectionState.active) {
snapData = asyncSnapshot.data.documents;
if (asyncSnapshot.hasData) {
for (int i = 0; i < snapData.length; i++) {
Widget card = Text(snapData[i].data['locationName']);
cards.add(card);
}
}
}
return ListView.builder(
itemCount: cards.length,
itemBuilder: (context, index) => cards[index],
);
},
),
),
);
不过，我也有坏消息。现在数据正在更新，它暴露了您逻辑中的一些缺陷，它会在数组中复制旧条目。您会看到的。不过这应该很容易修复。
initState()中不起作用，但对我来说也是可以的，哈哈。我想知道问题是否来自其他地方，但我不知道它可能在哪里。至于未来，您需要向我解释为什么您认为需要使用它，或者提供一些参考文献，说明有人建议在这种情况下使用它。据我所知，您不应该使用它。 - wcyankees424