Question

从Firebase检索数据时出现错误

2020-04-12

45

android firebase flutter google-cloud-firestore

从 firebase 检索数据时，该错误会立即显示在屏幕上，图像中显示的错误会在几毫秒内消失，并显示检索到的数据。

显示错误后，您可以在提供的图像中看到。此错误仅持续几毫秒，并且数据很快就会显示出来。

Widget listitems(){
return new StreamBuilder(
  stream: Firestore.instance.collection('inventory').snapshots(),
  builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot){
     return new ListView(
      children: snapshot.data.documents.map((DocumentSnapshot document) {
        return Card(
          margin: new EdgeInsets.fromLTRB(10.0,5.0,10.0,5.0),
          elevation: 10.0,
          child: new Container(
            padding: new EdgeInsets.fromLTRB(25.0,25.0,25.0,25.0),
            child: new Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                new Text('Name of the Item:         '+document['name'],
                  style: TextStyle(fontSize: 15.0,fontWeight:FontWeight.w600),),
                new SizedBox(height: 1.0,),
                new Text('Category of the Item:    ' +document['category'],
                  style: TextStyle(fontSize: 15.0,fontWeight:FontWeight.w300),),
                new SizedBox(height: 1.0,),
                new Text('Quantity of the Item:     '+document['quantity']+ 'items',
                  style: TextStyle(fontSize: 15.0,fontWeight:FontWeight.w300),),
              ],
            ),
          ),
        );
      }).toList(),
    );
  }

 );
}

Answer 1

错误是有道理的。这是因为从 Firestore 检索数据（或任何其他 API 调用）需要几毫秒的时间。

您可以做的是检查是否已收到数据，并仅在收到数据时返回小部件。例如：

return StreamBuilder<QuerySnapshot>(
    stream: Firestore.instance.collection(documentName).snapshots(),
    builder: (BuildContext context, 
              AsyncSnapshot<QuerySnapshot> snapshot) {
    switch (snapshot.connectionState) {
       case ConnectionState.waiting:
           return Center(child: new CircularProgressIndicator());
       default:
           return ListView(.............);
      }
    },
  );
}