Flutter 和 Firebase：我如何从函数接收数据？

Question

我使用以下函数从 Firestore 获取 userData：

Future<String>getRegisterUserData({String userID}) async {
Firestore.instance.collection("Users").document(userID).get().then(
  (datasnapshot) {
    if (datasnapshot.exists) {
      return datasnapshot.data['Email'];
    } else {
      return "Loading...";
    }
  },
);
}

我像这样在我的 UserProfilePage 上执行这个函数：

_email = widget.firestore.getRegisterUserData(widget.userID).toString();

但我总是得到打印语句：'Future' 的实例而不是保存的电子邮件地址......

我也试试这个：

Future<String> getRegisterUserData({String userID}) async {
String email;
Firestore.instance.collection("Users").document(userID).get().then(
  (datasnapshot) {
    if (datasnapshot.exists) {
      email = datasnapshot.data['Email'];
    } else {
      email = "Loading...";
    }
  },
);
return email;
}

打印语句总是一样的......

那么我的错误在哪里？我想在变量中的 UserProfilePage 上显示“电子邮件”的值，还是我的 firestore 函数不正确？

感谢您的帮助

Answer 1

添加await 关键字。但在不同的地方。

tempEmail = await widget.firestore.getRegisterUserData(widget.userID);
setState(() {
  _email = tempEmail;
});
// we don't need toString as getRegisterUserData itself is returning Future<String>

注意使用 await：当我们使用 await 时，包含它的方法/函数应该在其签名中包含 async。

或者你可以使用then块

widget.firestore.getRegisterUserData(widget.userID).then((email) {
   setState(() {
      _email = email;
   });
});

解释： widget.firestore.getRegisterUserData(widget.userID) 是 Future<String> 类型。这就是为什么它被打印为'Future'的实例。我们必须通过await 或then 块将Future 转换为字符串

使用 SharedPreferences：

Future<String> getEmail() async {
  final prefs = await SharedPreferences.getInstance();
  String email = prefs.getString('email');
  if (email != null) {
    return email;
  } else {
    email = await widget.firestore.getRegisterUserData(widget.userID);
    prefs.setString('email', email); //update shared preferences
    return email;
  }
}

// usage (may be in initState)
 widget.getEmail().then((email) {
   setState(() {
     _email = email;
   })
 })

Answer 2

更新

根据您的信息，您需要FutureBuilder 才能等待响应来构建您的小部件：

  return FutureBuilder(
    future: getRegisterUserData(userID: "1234"),
    builder: (context, asyncsnapshot){
      return asyncsnapshot.hasData && asyncsnapshot.data != null ? TextFormField(
        initialValue: asyncsnapshot.data,
      ) : CircularProgressIndicator();
      }
  );