如何迭代集合中的所有文档以在ListView中显示内容

Question

我的目标我想遍历一个包含1…n个文档的集合。我想把文档的内容放在ListView中。集合表示ListView，每个文档都应该是一个ListTile。

我的Firestore数据我有一个Firestore数据库，其中包含一个名为"current_question"的集合，该集合包含多个文档。每份文件都包含一个问题的详细信息：标题、描述、日期等等

到目前为止我所做的我知道如何显示一个文档的数据。我不知道的是，如何加载所有文档并发布它们。

加载一个文档的代码：

body: FutureBuilder(
future: connectToFirebase(),
builder: (BuildContext context, AsyncSnapshot<void> snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Center(child: CircularProgressIndicator());
} else {
return StreamBuilder<DocumentSnapshot>(
stream: database.getQuestions(),
builder: (BuildContext context, AsyncSnapshot<DocumentSnapshot> snapshot) {
if (!snapshot.hasData) {
return Center(child: CircularProgressIndicator());
} else {
Map<String, dynamic> items = snapshot.data.data;
print(items);
return ListView.builder(
itemCount: 1,
itemBuilder: (context, i) {
return ListTile(
title: Text(items['Titel'].toString()),
trailing: Text(items['Zaehler'].toString()),
);
}
);
}
},
);
}
}),

Future<void> connectToFirebase() async {
final FirebaseAuth auth = FirebaseAuth.instance;
AuthResult result = await auth.signInAnonymously();
user = result.user;
database = DatabaseService();
}

final CollectionReference aktFragen = Firestore.instance.collection('aktFragen')/*.orderBy('Zaehler')*/;
Stream getQuestions() {
return aktFragen.document('xAGRoZCgiClrpeAPtb5B').snapshots();
}

请查看屏幕截图中的结果：在此处输入图像描述

Answer 1

如果要检索所有文档，则必须执行QuerySnapshot。这里有一种方法：

// Creating an instance of your model with all the users info 
List<CustomModelNameHere> _myListSnapshot(QuerySnapshot snapshot) {
return snapshot.documents.map((doc) {
return CustomModelNameHere(
title: doc.data["title"] ?? "",
description: doc.data["description"] ?? "",
);
}).toList();
}
// Get the stream
Stream<List<CustomModelNameHere>> get getQuestions {
return aktFragen.snapshots()
.map(_myListSnapshot);
}

Answer 2

@Unbeachable的精彩回答！

这就是我实现它的方式：

@override
Widget build(BuildContext context) {
return new StreamBuilder<QuerySnapshot>(
stream: Firestore.instance.collection('currentQuestions').snapshots(),
builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
if (!snapshot.hasData) {
return Center(child: CircularProgressIndicator());
} else {
return new ListView(
children: snapshot.data.documents.map((document) {
return new ListTile(
title: new Text(document['title'].toString()),
subtitle: new Text(document['count'].toString())
);
}).toList()
);
}
}
);
}

我还为这个主题找到了一个很好的youTube教程：

https://www.youtube.com/watch?v=Ak_6_pBBe3U&feature=youtu.be