The property 'docs' cannot be unconditionally accessed because received can be 'null' Flutter

Question

After migrate to null-safety showing this error. What should I do now?

  Widget chatMessages() {
    return StreamBuilder(
        stream: messageStream,
        builder: (context, snapshot) {
          return snapshot.hasData
              ? ListView.builder(
                  padding: EdgeInsets.only(bottom: 70, top: 16),
                  itemCount: snapshot.data.docs.length,
                  reverse: true,
                  itemBuilder: (context, index) {
                    DocumentSnapshot ds = snapshot.data.docs[index];
                    return chatMessageTitle(
                        ds["message"], myUserName == ds["sendBy"]);
                  })
              : Center(child: CircularProgressIndicator());
        });
  }

After adding null check (!) showing this error <the getter 'docs' is not defined for the type of object>

              itemCount: snapshot.data!.docs.length,
              reverse: true,
              itemBuilder: (context, index) {
                DocumentSnapshot ds = snapshot.data!.docs[index];

Hi! what type is the `snapshot.data`? can you provide it – Mol0ko Mar 17 '21 at 09:31 — Mol0ko, Mar 17 '21 at 09:31

score 21 · Accepted Answer · answered Mar 17 '21 at 09:56

You have to cast snapshot.data to its type. Suppose the type is QuerySnapshot (change this with the actual type of snapshot.data).

(snapshot.data! as QuerySnapshot).docs.length

Instead of typecasting at all locations, we can specify the type of stream in the StreamBuilder.

StreamBuilder<QuerySnapshot>(
  ...
);

Now snapshot.data is inferred as QuerySnapshot and no typecast is required.

snapshot.data!.docs.length

score 8 · Answer 2 · answered Jun 07 '21 at 08:07

I have solved mine by adding StreamBuilder and builder(context, AsyncSnapshot snapshot).

 Widget chatMessages() {
     return StreamBuilder<QuerySnapshot>(
        stream: messageStream,
        builder: (context, AsyncSnapshot snapshot) {
       return snapshot.hasData
          ? ListView.builder(
              padding: EdgeInsets.only(bottom: 70, top: 16),
              itemCount: snapshot.data.docs.length,
              reverse: true,
              itemBuilder: (context, index) {
                DocumentSnapshot ds = snapshot.data.docs[index];
                return chatMessageTitle(
                    ds["message"], myUserName == ds["sendBy"]);
              })
          : Center(child: CircularProgressIndicator());
    });
 }

score 7 · Answer 3 · answered May 23 '21 at 09:25

There are a few solutions:

Provide a type to your StreamBuilder:
```
StreamBuilder<QuerySnapshot> (...)
```
Provide a type to the second parameter of your builder:
```
builder: (context, QuerySnapshot snapshot)
```

Use as to downcast:

(snapshot.data! as QuerySnapshot).docs['key']

score 1 · Answer 4 · answered Mar 17 '21 at 09:42

Add error and connection state checks like this:

      Widget chatMessages() {
        return StreamBuilder(
            stream: messageStream,
            builder: (context, snapshot) {
              if (snapshot.hasError) {
                return Text('Something went wrong');
                }
              if (snapshot.connectionState == ConnectionState.waiting) {
                return Text("Loading");
                }
              return ListView.builder(
                  padding: EdgeInsets.only(bottom: 70, top: 16),
                  itemCount: snapshot.data.docs.length,
                  reverse: true,
                  itemBuilder: (context, index) {
                    DocumentSnapshot ds = snapshot.data.docs[index];
                    return chatMessageTitle(
                    ds["message"], myUserName == ds["sendBy"]);
                    });
              });
        }

The property 'docs' cannot be unconditionally accessed because received can be 'null' Flutter

4 Answers4

Linked

Related