Flutter futurebuilder 嵌套期货返回空值

时间:2021-01-30 17:55:06

标签: flutter flutter-futurebuilder flutter-future

我正在尝试使用不同的用户角色,登录后他们应该被定向到不同的页面,但是我尝试使用的 futurebuilder 返回空值。 element.data['role'] 是正确的,在返回 future 之前被打印出来,但没有返回到 futurebuilder。

Future<String> getUserRole() async {
    final result = await FirebaseAuth.instance.currentUser().then(
      (user) async {
        await Firestore.instance.collection("Users").getDocuments().then(
          (docs) {
            docs.documents.forEach((element) {
              print(element.documentID);
              print(user.uid);
              if (element.documentID == user.uid) {
                print(element.data['role']);
                return element.data['role'];
              }
            });
          },
        );
      },
    );
    return result;
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: getUserRole(),
      builder: (ctx, AsyncSnapshot<String> futureResult) {
        if (futureResult.connectionState == ConnectionState.waiting) {
          return Scaffold(
            body: Center(
              child: CircularProgressIndicator(),
            ),
          );
        } else if (futureResult.hasError) {
          Center(
            child: Text("Error"),
          );
        } else if (futureResult.hasData) {
          print("BUILDER");
          print(futureResult.data);
          if (futureResult.data == "Employer") {
            return EmployerTabsScreen();
          } else {
            return EmployeeTabsScreen();
          }
        } else {
          return Text("NONE");
        }
      },
    );
  }

2 个答案:

答案 0 :(得分:0)

尝试在所有迭代中调用 return 并添加 null(或其他值)以处理不返回数据的情况:

Future<String> getUserRole() {
  return FirebaseAuth.instance.currentUser().then((user) {
    return Firestore.instance.collection("Users").getDocuments().then((docs) {
      var role = null;
      docs.documents.forEach((element) {
        print(element.documentID);
        print(user.uid);
        if (element.documentID == user.uid) {
          print(element.data['role']);
          role = element.data['role'];
        }
      });
      return role;
    });
  });
}

答案 1 :(得分:0)

因为您将“async/await”与“then”回调随机混合在一起。 猜猜这样做并没有错,但就像在您的示例中一样,它完全不可读,并且使一切变得更加困难。

起初:

    final result = await FirebaseAuth.instance.currentUser().then(
      (user) async {

如果您将某些内容声明为“await”,则不需要回调。你应该声明结果是正确的。如果你想对结果做一些事情,也可以将新请求作为等待。而已。如果您有此响应,请将其与 lambda 或 foreach 一起使用。 最后一步是,检查你得到的东西并归还。 当您做出“承诺”(用 javascript 表示)时,“等待”某事是没有意义的