使用来自身份验证的用户 ID 在流构建器中以颤振显示文本

Question

body: StreamBuilder(         
stream: Firestore.instance.collection('students').snapshots(),
builder: (context, snapshot) {
return  Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
SizedBox(
height: 20.0,
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Padding(
padding: const EdgeInsets.only(left:20.0),
child: Align(
alignment: Alignment.centerRight,
child: CircleAvatar(
radius: 100,
backgroundColor: Colors.white,
child: ClipOval(
child: new SizedBox(
width: 180.0,
height: 180.0,
child: (_image!=null)?Image.file(
_image,
fit: BoxFit.fill,
):
Image.network(
'$_downloadurl.jpg',
fit:  BoxFit.fill,
),
),
),
),
),
),
Padding(
padding: EdgeInsets.only(top: 60.0),
child: IconButton(
icon: Icon(
Icons.camera,
size: 30.0,
),
onPressed: () {
getImage();
},
),
),
],
),
SizedBox(
height: 20.0,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Padding(
padding: const EdgeInsets.only(left:40.0),
child: Align(
alignment: Alignment.center,
child: Container(
child: Column(
children: <Widget>[
Align(
alignment: Alignment.center,
child: Text('Student Name',
style: TextStyle(
color: Colors.white, fontSize: 20.0)),
),
Align(
alignment: Alignment.center,
child: Text(snapshot.data.id['first_name'],
style: TextStyle(
color: Colors.black,
fontSize: 18.0,
)),
),
],
),
),
),
),

我想在流构建器中使用用户 ID 显示文本对齐文本这是我的数据库图像，我想访问学生集合中的特定用户 如果有任何其他功能可以转换它，请帮助我

当我运行代码时，即使这样也只检索了一个用户的数据

Answer 1

我会选择ListView.builder这是你如何实现它

从 initState 中的云火存储加载数据

getData()async{
return Firestore.instance.collection('students').getDocuments();
}
QuerySnapshot querySnapshot;
@override
void initState() {
super.initState();
getData().then((results) {
setState(() {
querySnapshot = results;
});
});
}`

在列表视图中显示数据

Widget _users(){
if(querySnapshot!=null){
return ListView.builder(
// scrollDirection: Axis.vertical,
primary: false,
itemCount: querySnapshot.documents.length,
padding: EdgeInsets.all(8.0),
itemBuilder: (context, i) {
//show data from snapshot
return Text("${querySnapshot.documents[i].data['email']}");
}
}
}

在您的身体中添加小部件_users例如Container(child:_users)