The getter 'documents' isn't defined for the type 'QuerySnapshot'

user_11845131 0
Viewed 8455

Trying to access data from Firestore real-time database, but I get this message all the time and other couple messages. how can I access the data in this situation? Thank you in advance

class HomePage extends StatefulWidget {
      @override
      _HomePageState createState() => _HomePageState();
    }
    
    class _HomePageState extends State<HomePage> {
      FirestoreCrud firestoreCrudRef = new FirestoreCrud();
      Stream<QuerysnapShop> blogsSnapShot;
    
      @override
      void initState() {
        firestoreCrudRef.readData().then((result) {
          blogsSnapShot = result;
        });
        super.initState();
      }
    
      Widget blogList() {
        return Container(
          child: StreamBuilder<QuerysnapShop>(
              stream: blogsSnapShot,
              builder: (context, snapshot) {
                return ListView.builder(
                  scrollDirection: Axis.vertical,
                  physics: ScrollPhysics(),
                  padding: EdgeInsets.only(top: 24),
                  itemCount: snapshot.data.documents.length,
                  shrinkWrap: true,
                  itemBuilder: (context, index) {
                    return BlogTile(
                      author: snapshot.data.documents[index].data()['author'],
                      title: snapshot.data.documents[index].data()['tile'],
                      body: snapshot.data.documents[index].data()['body'],
                      imageUrl: snapshot.data.documents[index].data()['imageUrl'],
                    );
                  },
                );
              }),
        );
      }
dart flutter
4 Answers

The QuerySnapshot class has a docs property, which then return a List<QueryDocumentSnapshot>. You can then access an index from this List which gives you a QueryDocumentSnapshot that you can then acess its .data() method to have a Map<String, dynamic>. Finally you can access any field from that.

Try:

snapshot.data.docs[index].data()['imageUrl'],
user_108397420

The below code should help you achieve the desired result.

ListView.builder(
  scrollDirection: Axis.vertical,
  physics: ScrollPhysics(),
  padding: EdgeInsets.only(top: 24),
  itemCount: snapshot.data.docs.length,
  shrinkWrap: true,
  itemBuilder: (context, index) {
    var temp = snapshot.data.docs[index].data();
    return BlogTile(
      author: temp['author'],
      title: temp['tile'],
      body: temp['body'],
      imageUrl: temp['imageUrl'],
    );
  },
);
user_100182910

The solution by preet shah wont work anymore. The below worked for me:

 return ListView.builder(
              itemCount: snapshot.data.docs.length,
              shrinkWrap: true,
              itemBuilder: (context, index) {
                var temp = snapshot.data.docs[index];
                return Container(
                  padding: EdgeInsets.all(10.0),
                  child: Card(
                    child: Text(temp['full_name']),
                  ),
                );
              },
            );
user_129893060

My problem was that I was using

StreamBuilder()

and had to change to

StreamBuilder<QuerySnapshot>()

and then use

.docs

instead of

.documents
user_141114270
Related