Flutter路由问题：未调用过/login路由时，如何实现弹出所有路由并跳转至登录页

你的问题很典型——当目标路由不在导航栈中时，Navigator.popUntil会一路弹出所有路由直到栈空，自然就出现了空白屏幕。要实现不管之前有没有打开过/login路由，最终都只保留登录页在栈中，有两种简洁的思路：

方法一：直接清空所有路由并跳转（推荐） #

使用Navigator.pushNamedAndRemoveUntil（命名路由场景），这个方法会先推送登录页，然后移除所有之前的路由（因为我们设置判断条件为false，所有旧路由都会被移除）。这样不管原来的栈里有没有/login，最后栈中只会剩下新的登录页：

Navigator.pushNamedAndRemoveUntil(
  context,
  '/login',
  (Route<dynamic> route) => false,
);

如果是直接使用页面组件而非命名路由，对应使用pushAndRemoveUntil：

Navigator.pushAndRemoveUntil(
  context,
  MaterialPageRoute(builder: (context) => LoginPage()),
  (Route<dynamic> route) => false,
);

方法二：先检查路由是否存在再处理（更灵活） #

如果你希望当登录页已经在栈中时，直接回到已存在的登录页（而不是重新创建一个新实例），可以先遍历路由栈检查是否存在/login，再分情况处理：

// 检查登录页是否在路由栈中
bool isLoginInStack(BuildContext context) {
  bool exists = false;
  Navigator.of(context).popUntil((route) {
    if (route.settings.name == '/login') {
      exists = true;
    }
    return true; // 这里返回true，不会弹出任何路由，只是遍历整个栈
  });
  return exists;
}

// 使用示例
if (isLoginInStack(context)) {
  // 如果已存在，直接弹出到登录页
  Navigator.popUntil(context, ModalRoute.withName('/login'));
} else {
  // 如果不存在，清空所有路由并跳转登录页
  Navigator.pushNamedAndRemoveUntil(
    context,
    '/login',
    (Route<dynamic> route) => false,
  );
}

为什么原代码会出问题？ #

Navigator.popUntil的逻辑是不断弹出路由，直到找到匹配条件的路由为止。如果栈中从来没有/login路由，它就会把所有路由都弹出，最后导航栈为空，没有页面可以显示，自然就出现了空白屏幕。

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