Fetching data from firestore and displaying it in my flutter code

Question

I'am making a user profile in flutter. I wanted to display the data from my database that I made in Firebase. I get an error in my text saying that the operator [] isn't defined for the type QuerySnapshot. How can I resolve this. Thank you

class _ProfileState extends State<Profile> {
  final Stream<QuerySnapshot> users =
  FirebaseFirestore.instance.collection('users').snapshots();
@override
Widget build(BuildContext context) {
return Scaffold(
    body: SizedBox(
        child: Column(
            children: [
              Expanded(
                  child: Column(
                children: [
                  
                  StreamBuilder<QuerySnapshot>(
                    stream: users,
                    builder: (
                      BuildContext context,
                      AsyncSnapshot<QuerySnapshot> snapshot,
                    ) {
                        if (snapshot.hasError) {
                        var data = 'Something went wrong.!';
                        return Text(data);
                      }
                      if (snapshot.connectionState ==
                          ConnectionState.waiting) {
                        return const Text ('loading');
                      }
                                  Column(children: const [
                                    Text(
                                      '${data['name']}',
                                    ),
                                   Text(
                                      '${data['age']}',
                                    ),
                                  ])
                    },
  )
                ],
              )),
            ])));
}}

final Stream<QuerySnapshot> users = FirebaseFirestore.instance.collection('users').snapshots(); --- sorry I misstyped that part — ml0413
– ml0413, Commented Jul 13, 2022 at 7:47

Xuuan Thuc · Accepted Answer · 2022-07-13 06:16:25Z

2

Try this:

StreamBuilder<QuerySnapshot>(
              stream: FirebaseFirestore.instance
                  .collection(AppConfig.instance.cUser)
                  .snapshots(),
              builder: (BuildContext context,
                  AsyncSnapshot<QuerySnapshot> chatSnapshot) {
                if (chatSnapshot.connectionState == ConnectionState.waiting) {
                  return Center(
                    child: Container(),
                  );
                }
                return ListView(
                  reverse: true,
                  controller: _controller,
                  physics: const BouncingScrollPhysics(),
                  children:
                      chatSnapshot.data!.docs.map((DocumentSnapshot document) {
                    Map<String, dynamic> data =
                        document.data()! as Map<String, dynamic>;
                    return Text(data['text']);
                  }).toList(),
                );
              },
            ),

answered Jul 13, 2022 at 6:16

Xuuan Thuc

2,5511 gold badge8 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ml0413 Over a year ago

I got an error saying undefined name for AppConfig and _controller

Xuuan Thuc Over a year ago

_controller is ScrollController, remove it if you don't need, and myAppConfig.instance.cUser is name for your collection in firebase, change it

ml0413 Over a year ago

I got another error which states that 'Null' is not a subtype of type String. Do I need to assign a value somewhere?

user18309290 · Accepted Answer · 2022-07-13 05:32:10Z

0

Use hasData to check that snapshot contains a non-null value and data to access it.

answered Jul 13, 2022 at 5:32

user18309290

8,5003 gold badges9 silver badges32 bronze badges

1 Comment

ml0413 Over a year ago

I tried using hasData and it appears that my snapshot has a null value. what could have probably gone wrong?

Collectives™ on Stack Overflow

Fetching data from firestore and displaying it in my flutter code

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related