Question

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

Answer 1

可能您可以使用DataSnapshot中的exist（）。

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

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

Answer 2

在firebaseAnimatedList中使用defaultChild：在加载查询时创建默认屏幕

Answer 3

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

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

在Flutter中将循环进度指示器与Firebase动画列表一起使用

3 个答案: