如何将来自 Firestore 的用户名添加到 flutter 的应用栏中？

Question

所以我一直在尝试在 flutter 中制作一个应用程序，但我似乎无法成功地将用户名从 firestore 数据库中获取到变量中这是我的代码！ 编辑：

final FirebaseAuth _auth = FirebaseAuth.instance;

Future<String> inputData() async {
  String _username = '';
  final userCol = Firestore.instance.collection("users");
  final FirebaseUser user = await _auth.currentUser();
  final uid = user.uid;

  // here you write the codes to input the data into firestorenull
  final data = await userCol.document(uid).get().then(
    (value) {
      final username = value.data["username"];
      _username = username;
      
    },
  );
  return _username;
}

我已经以许多不同的方式尝试了它，如异步、未来、FutureBuilder 等，但我似乎找不到解决方案。 这是应用栏：

   Widget build(BuildContext context) {
    var size = MediaQuery.of(context).size;
    return Stack(
      children: <Widget>[
        Scaffold(
          appBar: appbar.ProfileAppBar(name: _username)
............................................................

Answer 1

我认为我们需要更多信息（例如您是否成功检索用户名并且设置正确），但看起来您在获取用户名后没有设置屏幕的 state。

你能试一下吗

setState(() {
  final username = docs.data["username"];
  this._username = username;
});

您的 function 似乎也不正确。 您将用户名定义为空字符串，然后定义异步 function 以获取用户名，并立即返回用户名（空字符串）。 您将需要使用 class 变量并在 setstate 内部，将 class 变量设置为您从异步 '.then()' function 获得的变量

Answer 2

所以我实际上做的是创建一个 FutureBuilder，它有很大帮助，我推荐给大家！！！