flutter firestore get just last result - firebase

Question

my friends I have a problem
Only the last id is displayed in the documents, not all of them
What is the problem with the code?
I linked the data in the form of One to Many, each user has a group of friends
You can see the code to solve the problem
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:tawasul/components/myResponsiveLibrary.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:firebase_core/firebase_core.dart';
class MainDrawer extends StatefulWidget {
const MainDrawer({Key key}) : super(key: key);
#override
_MainDrawerState createState() => _MainDrawerState();
}
class _MainDrawerState extends State<MainDrawer> {
#override
void initState() {
super.initState();
Firebase.initializeApp();
getUsers();
}
final friendsRef = FirebaseFirestore.instance.collection('friends');
String id;
String getUsers() {
friendsRef.get().then((QuerySnapshot snapshot) {
snapshot.docs.forEach((DocumentSnapshot doc) {
setState(() {
id = doc.id;
return id;
});
});
});
}
#override
Widget build(BuildContext context) {
User user = FirebaseAuth.instance.currentUser;
final userID = user.uid;
return Drawer(
child: SafeArea(
child: FutureBuilder<DocumentSnapshot>(
future: friendsRef.doc(id).get(),
builder: (
BuildContext context,
AsyncSnapshot<DocumentSnapshot> snapshot,
) {
if (snapshot.hasError) {
return Text("Something went wrong");
}
if (snapshot.hasData && !snapshot.data.exists) {
return Text("Document does not exist");
}
if (snapshot.connectionState == ConnectionState.done) {
Map<String, dynamic> data = snapshot.data.data();
if (data['user'] == "users/" + userID) {
return Container(
padding: EdgeInsets.only(top: MainModel().largePadding * 2),
color: MainModel().mainColor,
child: Column(
children: [
Container(
padding: EdgeInsets.only(
left: MainModel().middlePadding,
top: MainModel().middlePadding,
),
child: ListTile(
title: Text(
"${data['name']}",
style: TextStyle(
color: MainModel().whiteColor,
fontWeight: FontWeight.bold,
fontSize: 24),
),
subtitle: InkWell(
onTap: () {},
child: Container(
padding: EdgeInsets.only(top: 10),
child: Text(
"${data['phone']}",
style: TextStyle(
color: MainModel().whiteColor, fontSize: 14),
),
),
),
trailing: IconButton(
onPressed: () {
Navigator.of(context).pushNamed(
'/screens/MemberPage',
);
},
icon: Icon(Icons.info,
color: MainModel().thirdColor, size: 40),
),
),
),
Divider(
thickness: 3,
color: MainModel().thirdColor,
),
],
));
}
}
return Text("loading");
},
)));
}
}
I hope you get the problem right, thank you for your help

Answer 1

I think it's because you're using forEach and then assigning the value to a variable.
You call the function, assign the value then print the value hence always the last value is printed.