Firebase "CurrentUser displayName" 不会更新 bottomsheet

Question

我的应用程序实施了 Firebase 身份验证，每个用户都必须输入他们的 显示名称 才能注册到应用程序。

在我的应用程序中，我希望用户能够更新此 显示名称。

逻辑非常简单，用户点击'Change Display Name'按钮，一个ModalBottomSheet出现，用户可以在其中输入他的新显示命名并保存。但是这样，当显示名称更改时，屏幕 不会更新 ，直到我热重新加载或重新启动应用程序。

class Body extends StatelessWidget {
  final FirebaseAuth _auth = FirebaseAuth.instance;

  @override
  Widget build(BuildContext context) {
    String displayName = _auth.currentUser.displayName;
    final _formKey = GlobalKey<FormState>();
    String newDisplayName;

    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              'Current display name is:',
              style: TextStyle(fontSize: 20),
            ),
            Text(
              '$displayName',
              style: TextStyle(fontSize: 25),
            ),
            RaisedButton(
              child: Text('Change Display Name'),
              onPressed: () {
                showModalBottomSheet(
                  isScrollControlled: true,
                  context: context,
                  builder: (context) {
                    return Padding(
                      padding: MediaQuery.of(context).viewInsets
                      child: Form(
                        key: _formKey,
                        child: Column(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            TextFormField(
                              decoration: InputDecoration(
                                labelText: 'New Display Name',
                              ),
                              keyboardType: TextInputType.text,
                              onSaved: (value) {
                                newDisplayName = value;
                              },
                            ),
                            RaisedButton(
                              child: Text('Change'),
                              onPressed: () {
                                _formKey.currentState.save();
                              
                                _auth.currentUser
                                    .updateProfile(displayName: newDisplayName);

                                Navigator.pop(context);
                              },
                            ),
                          ],
                        ),
                      ),
                    );
                  },
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}

我曾尝试在不同的地方调用 .reload，但在刷新页面之前显示名称不会改变。

_auth.currentUser.reload();

编辑：感谢 https://whosebug.com/users/11921453/twelve

的解决方案

使用以下 StreamBuilder 包装 manin 小部件，您将能够立即检索 snapshot.data.displayName。

child: StreamBuilder<User>(
      stream: FirebaseAuth.instance.userChanges(),

Answer 1

Firebase 有一个流来监听用户的变化。在您的 _auth 旁边定义此流。

用 au streambuilder 包装你的 widget-tree 并将值设置为定义的流。

现在 widget-tree 每次用户数据更改时都会重建。

Firebase "CurrentUser displayName" 不会更新 bottomsheet

Firebase "CurrentUser displayName" won't update with bottomsheet

firebase

firebase-authentication

flutter

flutter-showmodalbottomsheet