如何通过Flutter auto_route直接返回至首页/我的页面？

问题原因 #

你当前的路由结构中，/regsiter_login 是一个独立的嵌套路由栈，它作为整体被 push 到根路由栈中。在 LoginPage 调用 popTop() 时，只会弹出当前嵌套子栈的顶层页面（回到 SelectLoginRegisterPage），而整个 SelectLoginRegisterRouterRoute 仍存在于根路由栈内，因此无法直接返回 Home 或 Mypage。

解决方案 #

方法一：直接返回根路由栈顶层 #

使用 popUntilRoot() 方法，它会移除根路由栈中除初始路由外的所有页面，直接回到 Home 或 Mypage：

修改 login_page.dart 中的按钮事件：

ElevatedButton(
  onPressed: () {
    // Login process
    context.router.popUntilRoot(); // 直接返回至home或mypage
  },
  child: const Text('Login and Return'),
),

方法二：精准返回指定路由 #

如果需要更精确控制返回目标，可使用 popUntil() 方法指定保留的路由：

ElevatedButton(
  onPressed: () {
    // Login process
    context.router.popUntil((route) => 
        route.name == HomeRoute.name || 
        route.name == MypageRoute.name
    );
  },
  child: const Text('Login and Return'),
),

额外优化建议 #

跳转 SelectLoginRegisterRouterRoute 时可简化写法，无需手动指定 children，AutoRoute 会自动加载子栈的初始页面：

// 替换原跳转代码
context.router.push(const SelectLoginRegisterRouterRoute());

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