FlutterFire AuthUI登出用户后未跳转至登录页面问题求助

当你在非首页（如设置页）执行登出操作时，FirebaseAuth的状态变化确实会触发AuthGate的StreamBuilder重建并返回登录页，但此时MaterialApp的Navigator导航栈中仍保留着之前打开的页面（设置页、首页），导致登录页被压在栈底无法显示。而从首页登出时，导航栈仅包含首页一个页面，因此切换正常。

方案一：将MaterialApp移入StreamBuilder内部 #

调整组件结构，让认证状态变化时直接重建整个MaterialApp，自动清空导航栈：

修改main函数：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();

  runApp(ChangeNotifierProvider<AppUser>(
    create: (context) => AppUser(),
    child: AuthGate(), // AuthGate作为根组件，内部包含MaterialApp
  ));
}

修改AuthGate的build方法：

Widget build(BuildContext context) {
  return StreamBuilder<User?>(
    stream: FirebaseAuth.instance.authStateChanges(),
    builder: ((context, snapshot) {
      return MaterialApp(
        home: !snapshot.hasData
            ? SignInScreen(
                providerConfigs: [
                  EmailProviderConfiguration(),
                ],
              )
            : TimelineScreen(),
      );
    }),
  );
}

这种方式结构更简洁，无需在每个登出点单独处理导航逻辑，全局统一控制认证状态对应的页面展示。

方案二：登出时手动清空导航栈 #

保留现有组件结构，在登出操作后强制清空导航栈，回到AuthGate：

修改非首页的登出代码：

SettingsTile(
  title: "Sign out",
  trailing: Icon(Icons.logout),
  onPressed: (context) async {
    await FirebaseAuth.instance.signOut();
    // 清空所有页面，强制回到根路由
    Navigator.of(context).pushAndRemoveUntil(
      MaterialPageRoute(builder: (context) => AuthGate()),
      (route) => false,
    );
  },
),

这种方式更灵活，适合需要保留部分导航逻辑的场景。

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