Flutter Authentication Bloc状态更新成功后主页面未跳转问题

• 核心原因是Flutter的路由栈机制：MaterialApp的home参数对应路由栈最底层的初始路由。你在IntroScreen中进入注册流程时，调用了Navigator.push将注册相关的多个页面依次压入路由栈顶，此时根路由的页面被上层页面完全覆盖。
• BlocBuilder确实会在认证状态更新为已认证时触发根路由重绘，将原本的IntroScreen替换为Home，但此时路由栈顶仍然是你之前压入的注册页面，不会自动消失，因此你看不到已经切换为Home的根路由页面。
• 你手动调用Navigator.of(context).popUntil((route) => route.isFirst);的逻辑实际是清空了路由栈中根路由之上的所有注册页面，露出了已经更新为Home的根路由，因此显示正常。

方案1：保留现有逻辑 #

你当前的处理方式是符合预期的可行方案，注册成功后先清空根路由之上的所有页面即可正常显示首页。

方案2：全局监听认证状态处理路由跳转 #

你可以将认证状态对应的路由切换逻辑抽离为顶层的BlocListener处理，不需要依赖根路由自动切换，灵活度更高，参考实现：

@override
Widget build(BuildContext context) {
  return BlocListener<AuthenticationBloc, AuthenticationState>(
    listener: (context, state) {
      switch(state.status) {
        case AuthenticationStatus.authenticated:
          // 清空所有路由栈后跳转到首页
          Navigator.of(context).pushAndRemoveUntil(
            MaterialPageRoute(builder: (_) => const Home()),
            (route) => false,
          );
          break;
        case AuthenticationStatus.unauthenticated:
          // 清空所有路由栈后跳转到引导页
          Navigator.of(context).pushAndRemoveUntil(
            MaterialPageRoute(builder: (_) => const IntroScreen()),
            (route) => false,
          );
          break;
        case AuthenticationStatus.loading:
          // 无需处理跳转，直接显示启动页
          break;
      }
    },
    child: MaterialApp(
      title: 'Smart City',
      theme: appTheme,
      routes: routes,
      home: const Splash(),
    ),
  );
}

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