在 Flutter 中使用带有 Firebase 动画列表的循环进度指示器

Question

我想在我的屏幕上显示一个圆形进度指示器，直到从我使用 FirebaseAnimatedList 显示的数据库中获取数据。 但是没有办法检查数据是否可用。 例如在FutureBuilder 中有一个方法hasData。 FirebaseAnimatedList 中有类似的东西吗？

Answer 1

使用 defaultChild: 在 firebaseAnimatedList 中创建默认屏幕，同时查询被加载

Answer 2

可能您可以使用 DataSnapshot 中的 exists()。

itemBuilder: (BuildContext context, DataSnapshot snapshot,
                  Animation<double> animation, int index) {

     if(!snapshot.exists()) {
        // return fancy loading stuff
     }
}

Answer 3

将 CircularProgressIndicator() 放在 FirebaseAnimatedList 的 defaultChild 属性中。

   FirebaseAnimatedList(
    defaultChild:Center(child: CircularProgressIndicator()),
    query:databaseReference,
   itemBuilder(context, DataSnapshot snapshot,
   Animation<double> animation, int index) {
   return Text('''')})