Flutter中Firebase注册报错[firebase_auth/unknown] null求助

核心问题1：表单未执行验证与数据保存 #

点击注册按钮时，未触发表单的验证逻辑和数据保存操作，导致email、password变量始终为null，调用Firebase注册接口时传入空参数，触发firebase_auth/unknown错误。

核心问题2：全局变量showSpinner状态更新无效 #

showSpinner作为全局变量，在AuthForm中修改其值无法触发RegistrationScreen的UI更新，导致加载指示器无法正常显示或隐藏。

修复后的完整代码 #

1. 重构RegistrationScreen的状态管理 #

将showSpinner移至RegistrationScreen的State内部，通过回调传递状态更新逻辑：

class RegistrationScreen extends StatefulWidget {
  static const routeName = '/registration-screen';
  @override
  _RegistrationScreenState createState() => _RegistrationScreenState();
}

class _RegistrationScreenState extends State<RegistrationScreen> {
  bool showSpinner = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.midGrey,
      body: SingleChildScrollView(
        child: Column(
          children: [
            Stack(
              clipBehavior: Clip.none,
              children: <Widget>[
                Hero(
                  tag: 'logo',
                  child: Container(
                    margin: EdgeInsets.fromLTRB(0, 50, 0, 0),
                    height: 290,
                    child: Image.asset('images/logo.png'),
                  ),
                ),
              ],
            ),
            SizedBox(height: 48.0),
            ModalProgressHUD(
              inAsyncCall: showSpinner,
              child: AuthForm(
                onLoadingChange: (isLoading) {
                  setState(() => showSpinner = isLoading);
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

2. 修改AuthForm处理表单验证与注册逻辑 #

添加表单验证、数据保存步骤，并优化错误捕获：

class AuthForm extends StatefulWidget {
  final Function(bool) onLoadingChange;

  const AuthForm({required this.onLoadingChange, Key? key}) : super(key: key);

  @override
  _AuthFormState createState() => _AuthFormState();
}

class _AuthFormState extends State<AuthForm> {
  final _emailcontroller = TextEditingController();
  final _passwordcontroller = TextEditingController();
  final _formkey = GlobalKey<FormState>();
  final _auth = FirebaseAuth.instance;

  String? email;
  String? password;

  @override
  Widget build(BuildContext context) {
    return Card(
      margin: EdgeInsets.all(40),
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),
      elevation: 8.0,
      color: AppColors.formBackgroundColor,
      child: Padding(
        padding: EdgeInsets.all(12),
        child: Form(
          key: _formkey,
          child: Column(
            children: [
              TextFormField(
                controller: _emailcontroller,
                key: ValueKey('email'),
                autocorrect: false,
                keyboardType: TextInputType.emailAddress,
                textAlign: TextAlign.center,
                validator: (value) {
                  if (value == null || value.isEmpty || !value.contains('@')) {
                    return '请输入有效的邮箱地址';
                  }
                  return null;
                },
                decoration: kTextFieldDecoration.copyWith(hintText: '输入你的邮箱'),
                onSaved: (value) => email = value,
              ),
              SizedBox(height: 8.0),
              TextFormField(
                controller: _passwordcontroller,
                key: ValueKey('password'),
                obscureText: true,
                textAlign: TextAlign.center,
                validator: (value) {
                  if (value == null || value.isEmpty || value.length < 5) {
                    return '密码长度至少为5位';
                  }
                  return null;
                },
                decoration: kTextFieldDecoration.copyWith(hintText: '输入你的密码'),
                onSaved: (value) => password = value,
              ),
              SizedBox(height: 24.0),
              RoundedButton(
                onPressed: () async {
                  // 1. 验证表单合法性
                  if (!_formkey.currentState!.validate()) return;
                  // 2. 保存表单数据到变量
                  _formkey.currentState!.save();

                  widget.onLoadingChange(true);
                  try {
                    final newUser = await _auth.createUserWithEmailAndPassword(
                      email: email!, 
                      password: password!
                    );
                    if (newUser != null) {
                      Navigator.pushNamed(context, AuthScreen.routeName);
                    }
                  } on FirebaseAuthException catch (e) {
                    // 捕获具体Firebase认证错误，便于调试和提示用户
                    print('注册错误: ${e.message}');
                  } catch (e) {
                    print('未知错误: $e');
                  } finally {
                    widget.onLoadingChange(false);
                  }
                },
                colour: AppColors.midGrey,
                title: '注册',
              ),
            ],
          ),
        ),
      ),
    );
  }
}

额外优化建议 #

• 给email、password变量添加空安全标记，符合Flutter空安全规范；
• 捕获FirebaseAuthException后，可通过弹窗向用户展示具体错误信息（如邮箱已注册、密码强度不足等）；
• 注册成功后清空输入框内容，提升用户体验。

内容的提问来源于stack exchange，提问作者Diego Salvati