Flutter 身份认证场景下Navigation路由跳转不生效问题

问题原因 #

• 语法错误：/signin 路由定义行末尾缺少逗号，会先触发编译异常，需优先修复。
• 路由逻辑错误：你将根路由 / 的返回逻辑写在静态路由表中，路由表仅在 MaterialApp 首次初始化时解析一次，后续 user 状态通过 StreamProvider 更新时，不会触发已加载页面的自动切换，也不会自动更新路由栈状态。
• 跳转逻辑错误：Welcome页跳转至SignUp、SignIn时如果使用Navigator.push，跳转后路由栈顶为注册/登录页，即使后续user变为非空，没有主动操作路由栈的前提下，当前显示的页面不会自动切换到Home。登出场景同理，user变为空时没有主动清栈，不会自动回退到Welcome页。

修复方案 #

1. 调整Wrapper组件的路由配置 #

移除initialRoute配置，将根页面判断直接绑定到MaterialApp的home参数，user状态变化时会自动触发home页面重建：

class Wrapper extends StatelessWidget {
  const Wrapper({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final user = Provider.of<User>(context);
    print(user?.id ?? "User is null");
    return MaterialApp(
      // 直接通过home参数响应user状态变化
      home: user == null ? const Welcome() : const Home(),
      routes: {
        '/signup': (context) => const SignUp(),
        '/signin': (context) => const SignIn(),
        '/profile': (context) => const Profile(),
        '/edit': (context) => const Edit()
      }
    );
  }
}

2. 调整登录/注册成功后的跳转逻辑 #

身份认证成功后无需手动跳转Home，只需清空路由栈回到根路由即可，此时根路由已自动切换为Home：

// 认证成功后执行，清空所有上层页面回到根路由
Navigator.popUntil(context, ModalRoute.withName('/'));

3. 调整登出后的跳转逻辑 #

登出操作触发user变为空后，同样清空路由栈回到根路由，此时根路由自动切换为Welcome：

// 登出完成后执行
Navigator.popUntil(context, ModalRoute.withName('/'));

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