Flutter不使用命名路由时如何一次性弹出2个页面回到指定界面

问题根因 #

你尝试的Navigator.popUntil(context, (route) => route is CreatePostScreen)执行后黑屏，核心逻辑错误点是：Flutter Navigator路由栈中存储的是Route类实例（比如你使用的MaterialPageRoute），而非页面Widget实例，所以route is CreatePostScreen的判断永远为false，popUntil会持续弹出页面直到栈为空，自然会出现黑屏。

非命名路由的导航逻辑说明 #

当你使用Navigator.push(context, MaterialPageRoute(builder: (context) => HomePage()))这种直接传入Widget的方式跳转时，逻辑如下：

• 压入路由栈的是MaterialPageRoute实例，你的页面Widget仅作为该Route实例的builder属性返回值存在，不会直接存入路由栈
• 未主动配置RouteSettings的非命名路由，默认settings.name属性为空，无法直接通过路由名称匹配

可行解决方案 #

方案1：为Route添加name标识匹配（改动最小） #

跳转时给MaterialPageRoute的settings参数配置唯一name，pop时通过name匹配即可：
push阶段示例：

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => CreatePostScreen(),
    settings: const RouteSettings(name: "CreatePostScreen"),
  ),
);

SuccessfulScreen中执行弹出逻辑：

Navigator.popUntil(context, (route) => route.settings.name == "CreatePostScreen");

方案2：固定弹出次数（适合明确弹出层数的场景） #

如果你确定需要固定弹出2层页面，不需要匹配目标页面类型，可以直接通过计数判断：

int popCount = 0;
Navigator.of(context).popUntil((_) => popCount++ >= 2);

方案3：自定义Route类型匹配（避免字符串写错） #

如果不想用字符串作为匹配标识，可以自定义继承MaterialPageRoute的子类，通过类型判断匹配：

// 自定义CreatePostScreen对应的Route类
class CreatePostRoute extends MaterialPageRoute {
  CreatePostRoute() : super(builder: (context) => const CreatePostScreen());
}

// 跳转时使用自定义Route
Navigator.push(context, CreatePostRoute());

// 弹出时判断Route类型
Navigator.popUntil(context, (route) => route is CreatePostRoute);

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