Flutter Firebase 登录/注册成功后未跳转Feed界面的问题定位

结合运行日志和代码逻辑，登录跳转失效是两个问题叠加导致的：

• 代码对Firebase Auth接口的返回值类型判断错误，触发类型转换异常（日志中的type 'UserCredential' is not a subtype of type 'User' in type cast为直接报错点）
• 路由栈残留导致状态变化无法触发页面切换：虽然Firebase SDK已成功完成登录、Wrapper层也拿到了非空的UserModel实例，但登录页是压入栈的子页面，栈底的Wrapper不会感知到栈顶页面的状态变化，无法执行路由切换。

1. 修正Auth服务层的类型转换逻辑 #

新版firebase_auth中，createUserWithEmailAndPassword、signInWithEmailAndPassword接口的返回值为UserCredential对象，而非直接的User实例，原代码直接强转的写法会触发类型异常，需要调整为从UserCredential中提取真实的用户对象：

• 调整auth.dart内的signUp方法：

Future<bool> signUp(emailSignUp, passwordSignUp) async {
  try {
    UserCredential userCredential = await auth.createUserWithEmailAndPassword(
        email: emailSignUp, password: passwordSignUp);
    User? user = userCredential.user;
    _userFromFirebaseUser(user);
    return true;
  } on FirebaseAuthException catch (e) {
    if (e.code == 'weak-password') {
      print('The password provided is too weak.');
    } else if (e.code == 'email-already-in-use') {
      print('The account already exists for that email.');
    }
    return false;
  } catch (e) {
    print(e);
    return false;
  }
}

• 调整auth.dart内的signIn方法：

Future<bool> signIn(emailSignIn, passwordSignIn) async {
  try {
    UserCredential userCredential = await auth.signInWithEmailAndPassword(
        email: emailSignIn, passwordSignIn);
    User? user = userCredential.user;
    _userFromFirebaseUser(user);
    return true;
  } on FirebaseAuthException catch (e) {
    print(e);
  } catch (e) {
    print(e);
    return false;
  }
}

给方法增加布尔返回值，方便UI层判断操作结果。

2. 处理路由栈残留问题 #

原逻辑依赖Wrapper在根节点的状态监听，自动根据用户状态切换页面。但登录页是通过push从Welcome页面压入路由栈的，Wrapper处于栈底位置，即使用户状态更新，也不会被重新构建，无法触发页面切换。

• 调整signin.dart中登录按钮的点击逻辑，登录成功后清除栈内残留路由，回到根节点触发Wrapper重建：

onPressed: () async {
  bool loginResult = await _authService.signIn(emailSignIn, passwordSignIn);
  if (loginResult) {
    Navigator.of(context).popUntil((route) => route.isFirst);
  }
},

• 对signup.dart中的注册按钮点击逻辑做相同处理，注册成功后执行栈清理操作。

修复后重新操作：

• 之前的类型转换报错会完全消失
• 登录/注册成功后，路由栈会被清理，Wrapper检测到非空的UserModel对象，自动渲染FeedScreen页面完成跳转。

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