Flutter：即使包含数据，StreamProvider 也会在列表中返回 null答案

【问题标题】：Flutter: StreamProvider returns null on list even when containing dataFlutter：即使包含数据，StreamProvider 也会在列表中返回 null
【发布时间】：2020-10-02 05:01:21
【问题描述】：

我正在尝试在 Firestore 服务器和我的应用程序之间建立一个流。我正在尝试从服务器检索笔记列表以显示在ListView 小部件中。但是，我不断收到一条错误消息，指出返回的列表为空。通过调试，我注意到快照确实包含我试图访问的数据，所以在_notesFromSnapshot 函数能够将每个快照映射到Note 对象之前发生了一些错误，这让我相信该应用程序在 Stream 有足够的时间获取所有数据之前呈现 ListView。

编辑：如果我将 StreamProvider 更改为收听 QuerySnapshot 而不是注释列表，则该列表有效，但我需要访问自定义对象的便利。

NoteListScreen.dart

class NoteListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final user = Provider.of<User>(context);

    return Scaffold(
      appBar: NavBar(title: 'My notes'),
      body: StreamProvider<List<Note>>.value(
        value: DatabaseService(uid: user.uid).notes,
        child: NoteList(),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.of(context).pushNamed('/note/create');
        },
        child: Icon(Icons.add),
      ),
    );
  }
}

NoteList.dart

class NoteList extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _NoteListState();
}

class _NoteListStateextends State<NoteList> {
  @override
  Widget build(BuildContext context) {
    final notes = Provider.of<List<Note>>(context);

    return ListView.builder(
            itemCount: notes.length,
                       ^^^^^^^^^^^^ Returns error: 'The getter 'length' was called on null.'

            itemBuilder: (context, index) {
              return Card(
                child: NoteItem(
                  name: notes[index].name,
                ),
              );
            },
          );
  }
}

DatabaseService.dart

class DatabaseService {
  final String uid;

  DatabaseService({this.uid});

  // collection reference
  final CollectionReference _userCollection = Firestore.instance.collection('users');

  .....

  List<Note> _notesFromSnapshot(QuerySnapshot snapshot) {
    return snapshot.documents.map((doc) {
      return Note(
        name: doc.data['name'],
      );
    });
  }

  Stream<List<Note>> get notes {
    return _userCollection
        .document(uid)
        .collection('notes')
        .snapshots()
        .map(_notesFromSnapshot);
  }
}

【问题讨论】：

标签： flutter dart google-cloud-firestore

【解决方案1】：

我通过在此函数末尾添加.toList() 解决了这个问题：

List<Note> _notesFromSnapshot(QuerySnapshot snapshot) {
    return snapshot.documents.map((doc) {
      return Note(
        name: doc.data['name'],
      );
    }).toList();
  }

【讨论】：