使用FirebaseAuth登录后需按返回键才显示首页的问题排查

登录成功后，LoginScreen仍停留在导航栈顶部，导致AuthPage中StreamBuilder切换到HomeScreen后无法立即显示，必须按返回键退出LoginScreen才能看到首页内容。

方案一：登录成功后清空导航栈返回AuthPage #

利用GetX的导航方法，登录成功后直接清空导航栈并回到AuthPage，让StreamBuilder自动检测登录状态并切换到HomeScreen：

void loginUser() async {
  try {
    await FirebaseAuth.instance.signInWithEmailAndPassword(
      email: emailController.text,
      password: passwordController.text,
    );
    // 清空所有页面，回到AuthPage，触发StreamBuilder更新
    Get.offAll(() => const AuthPage());
  } on FirebaseAuthException catch (e) {
    // 处理登录错误提示
    Get.snackbar('登录失败', e.message ?? '未知错误');
  }
}

方案二：登录成功后返回上一页，依赖StreamBuilder自动切换 #

登录成功后直接返回OnboardingScreen，此时AuthPage的StreamBuilder会检测到用户已登录的状态，自动切换到HomeScreen：

void loginUser() async {
  try {
    await FirebaseAuth.instance.signInWithEmailAndPassword(
      email: emailController.text,
      password: passwordController.text,
    );
    // 返回上一页，让AuthPage的StreamBuilder生效
    Get.back();
  } on FirebaseAuthException catch (e) {
    Get.snackbar('登录失败', e.message ?? '登录出错');
  }
}

优化AuthPage（可选） #

给AuthPage添加加载状态，避免初始页面闪烁，同时移除多余的Scaffold（因为GetMaterialApp的home已承载页面结构）：

class AuthPage extends StatelessWidget {
  const AuthPage({super.key});

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<User?>(
      stream: FirebaseAuth.instance.authStateChanges(),
      builder: (context, snapshot) {
        // 加载状态显示转圈
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        // 已登录显示首页
        if (snapshot.hasData) {
          return const HomeScreen();
        } 
        // 未登录显示引导页
        else {
          return const OnboardingScreen();
        }
      },
    );
  }
}

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