Problem reading last entry in Firestore – Class '_JsonQuerySnapshot' has no instance method '[]'

Issue

I am trying to read last entry from Firebase Friestore like this:

This is my stream:

final getLastEmotion = _emotionsDbReference
    .orderBy('timeStamp', descending: true)
    .limit(1)
    .snapshots();

and this is my stream builder:

StreamBuilder(
                stream: getLastEmotion,
                builder: (BuildContext context,
                    AsyncSnapshot lastEmotionSnapshot) {
                  if (lastEmotionSnapshot.data == null)
                    return CircularProgressIndicator();

                  if (lastEmotionSnapshot.hasError) {
                    return new Text(
                        'Error in receiving snapshot: ${lastEmotionSnapshot.error}');
                  }
                  if (!lastEmotionSnapshot.hasData) {
                    return Center(
                      child: CircularProgressIndicator(
                        backgroundColor: Theme.of(context).primaryColor,
                      ),
                    );
                  }

                  final _lastEmotion = lastEmotionSnapshot.data!['emotion'];

                  return Text('Last emotion: $_lastEmotion');
                }),

I am receiving the following error:

Class '_JsonQuerySnapshot' has no instance method '[]'.
Receiver: Instance of '_JsonQuerySnapshot'
Tried calling: []("emotion")

Does anyone know what might be a problem?

Please help 🙂

Solution

You can use like this

StreamBuilder(
stream: getLastEmotion,
builder: (BuildContext context, AsyncSnapshot lastEmotionSnapshot) {
  if (lastEmotionSnapshot.data == null) {
    return const CircularProgressIndicator();
  }

  if (lastEmotionSnapshot.hasError) {
    return Text(
        'Error in receiving snapshot: ${lastEmotionSnapshot.error}');
  }
  if (!lastEmotionSnapshot.hasData) {
    return Center(
      child: CircularProgressIndicator(
        backgroundColor: Theme.of(context).primaryColor,
      ),
    );
  }

  final _lastEmotion = lastEmotionSnapshot.data!.docs[0]['emotion'];


  return Text('Last emotion: $_lastEmotion');
})

Answered By – Khadga shrestha

Answer Checked By – Pedro (FlutterFixes Volunteer)