Flutter Firebase 注册成功后无法跳转至登录界面问题求解

问题原因 #

• 无异常捕获逻辑：如果注册过程出现错误（比如邮箱已被注册、密码长度不足6位、邮箱格式错误等），.then() 回调根本不会触发，自然不会执行跳转代码
• 未校验两次密码输入一致性：如果两次输入的密码不同，后续用户登录时会出现密码不匹配的问题
• Firebase注册成功后默认会自动登录当前账号：如果你需要跳回登录页让用户手动登录，需要先调用登出方法
• 路由跳转方式不合理：用 Navigator.push 会把登录页压在注册页上面，用户点返回键还会回到注册页，不符合业务逻辑

修复方案 #

修改注册页中 InkWell 组件的 onTap 回调逻辑即可：

onTap: () async {
  // 先校验两次密码是否一致
  if(_passwordController.text != _passwordAgainController.text) {
    // 可自行替换为你项目里的提示组件
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text("两次输入的密码不一致，请重新检查"))
    );
    return;
  }
  // 空值校验避免空内容提交
  if(_nameController.text.isEmpty || _emailController.text.isEmpty || _passwordController.text.isEmpty) {
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text("请填写完整的注册信息"))
    );
    return;
  }
  try {
    await _authService.createPerson(
      _nameController.text, 
      _emailController.text,
      _passwordController.text
    );
    // 注册成功先登出，清除Firebase默认生成的登录状态
    await _authService.signOut();
    // 跳转登录页前判断组件是否还挂载，避免上下文失效报错
    if(!mounted) return;
    // 用pushReplacement替换当前路由，避免用户点返回回到注册页
    Navigator.pushReplacement(
      context,
      MaterialPageRoute(builder: (context) => const LoginScreen())
    );
  } on FirebaseAuthException catch (e) {
    // 捕获Firebase注册错误，给用户明确提示
    String errMsg = "注册失败";
    if(e.code == 'email-already-in-use') {
      errMsg = "该邮箱已被注册，请直接登录";
    } else if(e.code == 'invalid-email') {
      errMsg = "邮箱格式不正确，请检查后重试";
    } else if(e.code == 'weak-password') {
      errMsg = "密码强度过低，至少需要6位字符";
    }
    if(!mounted) return;
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text(errMsg))
    );
  } catch (e) {
    if(!mounted) return;
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text("系统异常，请稍后重试"))
    );
  }
},

额外优化建议 #

• 可以给密码输入框加长度限制，提前提示用户至少输入6位（Firebase Auth默认要求密码最低6位）
• 注册点击时可以加加载状态遮罩，避免用户重复点击提交多次请求

内容的提问来源于stack exchange，提问作者Mıktad Tahir Durak