Question

Firebase 因空安全而无法工作（DART/FLUTTER）

2021-12-22

460

firebase flutter dart google-cloud-firestore null-safety

我正在使用/学习 Firebase 来处理我的数据库。我的快照类似于 _jsonQuerySnapshot 或 _jsonDocumentSnapshot。但它必须是 QuerySnapshot 或 DocumentSnapshot。因此，我必须对我的快照进行编码和解码才能使用我的数据。如果我不使用编码解码 json，我会一直收到 null 或对象错误。这是我的类从状态扩展


class _MyHomePageState extends State<MyHomePage> {
  final _firestore = FirebaseFirestore.instance;


  @override
  Widget build(BuildContext context) {
    CollectionReference moviesRef=_firestore.collection('movies');
    DocumentReference babaRef = _firestore.collection('movies').doc('Baba');



    return Scaffold(
      backgroundColor: Colors.grey,
      appBar: AppBar(
        title: Text('FireStore Crud'),
      ),
      body: Center(
        child: Container(
          child: Column(
            children: [
              StreamBuilder<QuerySnapshot>(
                stream: moviesRef.snapshots(),
                builder: (BuildContext context,AsyncSnapshot asyncSnapshot){
                  List<DocumentSnapshot>listOfDocumentSnapshot=asyncSnapshot.data.docs;
                  return Flexible(
                    child: ListView.builder(
                      itemCount: listOfDocumentSnapshot.length,
                      itemBuilder: (context,index){
                        Text('${listOfDocumentSnapshot[index].data()['name']}' ,style: TextStyle(fontSize: 24),);
                      },
                    ),
                  );



                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

这是我的错误。

Answer 1

首先，检查您的数据是否为空，然后对其使用 [] 。可能， listOfDocumentSnapshot[index].data() 为空。如果为空，则呈现另一个 UI，例如加载屏幕。也就是说，必须显示您的加载屏幕，直到到达数据。

例如：

builder: (BuildContext context,AsyncSnapshot asyncSnapshot){
   List<DocumentSnapshot>? listOfDocumentSnapshot = asyncSnapshot.data.docs;

   if(!listOfDocumentSnapshot.hasData || listOfDocumentSnapshot == null){
      return LoadingScreen(); //etc.
   }

   return Flexible(
      child: ListView.builder(
         itemCount: listOfDocumentSnapshot.length,
         itemBuilder: (context,index){
            Text('${listOfDocumentSnapshot[index].data()['name']}' ,style: TextStyle(fontSize: 24),);
         },
      ),
   );
},

Futures（异步程序）需要一些时间来获取数据，您必须让您的 UI 等待，直到您获得数据。例如数据库连接、从某处读取/写入某些内容等。

有关更多详细信息，您可以阅读这篇文章。