Flutter Future：一个构建函数返回null

Question

我想从 firebase 检索数据到未来的构建器。我为此使用了这个函数。

Future getAllData() async {
  ReseviorDataModel resModel;
  DatabaseReference ref = FirebaseDatabase.instance.reference();
  DataSnapshot childed =await 
  ref.child("Reservoir/${widget.placeName}").once();
  Map<dynamic, dynamic> values;
  values = childed.value;
  resModel = ReseviorDataModel.customConstrcutor(values["sensor1"], 
  values["sensor2"], values["sensor3"]);
  return resModel;
}

我在我未来的构建器中调用了这个函数。

  child: FutureBuilder(
         future: getAllData(),
         builder: (context, snapshot) {
         Center(child: Text(snapshot.data));
  }

但它一直抛出这个“构建函数返回空值”。错误。我无法弄清楚这里的问题是什么

Answer 1

为了解决这里的问题，您的构建器始终必须返回一个小部件以进行显示。正如错误消息所述，您永远不能返回 null。

在这种情况下的问题是 OP 没有从构建器返回任何东西，所以只需添加一个返回就可以了。

使用 FutureBuilder 时要记住的一些事情。始终检查 snapshot.hasData 属性并相应地返回 UI。这将防止 snapshot.data 为 null 导致在您的 Widget 中抛出新错误的情况，该错误为 null。

例子：

child: FutureBuilder(
     future: getAllData(),
     builder: (context, snapshot) {
     if(!snapshot.hasData) {
         // show loading while waiting for real data
        return CircularProgressIndicator();
     }

     return Center(child: Text(snapshot.data));
}