如何修复此错误：构建 FutureBuilder<DataSnapshot>(dirty, state: _FutureBuilderState<DataSnapshot>#89711) 时抛出以下断言：

Question

这是错误：

有问题的小部件是：FutureBuilder 构建函数绝不能返回 null。要返回导致建筑小部件填充可用空间的空白空间，请返回“Container()”。要返回占用尽可能少空间的空白空间，请返回“Container(width: 0.0, height: 0.0)”。

这是获取 Firebase 实时数据的函数：

Future<void> getCategoriesName() async {
   
    await  FirebaseDatabase.instance.reference().child('Categories').once()
        .then((DataSnapshot dataSnapshot){
      var key  = dataSnapshot.value.keys;
      for(var i in key)
      {
        CategoryItems categoryItems =  new CategoryItems(
            dataSnapshot.value[i]['CategoryName'],
            dataSnapshot.value[i]['Counter']
            

        );
        categoryItemList.add(categoryItems);
      }
      setState(() {
        print(categoryItemList.length);
      });

    });
  }

这是我的 Future Builder 功能：

 Container(
                        margin: EdgeInsets.only(bottom: 50,top: 100),
                        child: FutureBuilder(
                          future: FirebaseDatabase.instance.reference().child('Categories').child(_userPin).once(),
                          // ignore: missing_return
                          builder: (context, snapshot) {
                            if(snapshot.hasData){
                               if (snapshot.data!=null) {
                                return Expanded();
                               }else{
                                 return Loader();
                               }
                          }
                          }
                        ),
                      ),

在 Expanded 内部我有 ListView.builder，上面的错误只在我的数据被加载时抛出几秒钟，它显示了带有项目的屏幕。我在 FutureBuiler 的容器顶部有 Stack 小部件。

Answer 1

builder当snapshot.hasData为 false时，您似乎没有从回调函数返回任何内容。这解释了为什么在从数据库加载数据之前您只会短暂地看到错误。您可以在等待数据从数据库到达时从回调函数返回一个CircularProgressIndicator小部件builder。你也可以去掉// ignore: missing_return注释，因为builder回调函数应该总是返回一个小部件。

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          margin: EdgeInsets.only(bottom: 50, top: 100),
          child: FutureBuilder(
            future: FirebaseDatabase.instance.reference().child('Categories').child(_userPin).once(),
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                if (snapshot.data != null) {
                  return Expanded();
                } else {
                  return Loader();
                }
              } else {
                return CircularProgressIndicator();
              }
            },
          ),
        ),
      ),
    );
  }
}