Flutter集成Firebase后登录/注册出现无限加载问题求助

• 核心问题出在登录按钮的onPressed逻辑分支缺失：你只处理了登录失败（result == null）的场景，没有处理登录成功的场景。当Firebase返回正确的用户信息时，result不为空，此时loading变量会一直保持true的状态，页面就会永久停在加载组件上。
• 次要问题：如果你的项目根路由没有配置Firebase Auth状态监听自动跳转主页的逻辑，登录成功后也需要手动触发页面跳转，否则就算loading设为false也只会停在登录页。

1. 补全登录成功分支逻辑 #

修改登录按钮的onPressed代码块，登录成功时要么手动跳转主页，要么等待全局Auth状态监听触发路由切换：

onPressed: () async {
  if (_formKey.currentState.validate()) {
    setState(() => loading = true);
    dynamic result = await _auth.signInWithEmailAndPassword(email, password);
    if (result == null) {
      setState(() {
        loading = false;
        error = 'Could not sign in with those credentials';
      });
    } else {
      // 登录成功后的逻辑
      setState(() => loading = false);
      // 如果需要手动跳转主页，加上下面这行，替换为你的主页路由名
      // Navigator.pushReplacementNamed(context, '/home');
    }
  }
}

2. 可选：确认全局Auth状态监听配置 #

如果你的项目是用Firebase官方推荐的Auth状态监听做路由守卫，需要确认根页面的StreamBuilder配置正确，示例参考：

// 主页面main.dart的build方法示例
@override
Widget build(BuildContext context) {
  return StreamBuilder<User>(
    stream: FirebaseAuth.instance.authStateChanges(),
    builder: (context, snapshot) {
      if (snapshot.connectionState == ConnectionState.waiting) {
        return Loading();
      }
      if (snapshot.hasData) {
        return HomePage();
      } else {
        return SignIn();
      }
    },
  );
}

如果已经配置了上述逻辑，登录成功后Firebase会自动触发流更新，根页面会自动切换到主页，不需要在登录页手动写跳转逻辑。

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