Flutter页面栈导航问题：如何直接返回指定页面？

方法1：通过Navigator.popUntil结合路由标识精准退栈 #

你当前使用的是匿名MaterialPageRoute，可以在跳转时给路由自定义settings.name标识，以此定位目标页面：

1. 跳转RegistrationBudgetPage时，给路由添加自定义标识：

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => RegistrationBudgetPage(),
    settings: const RouteSettings(name: 'registration_budget_page'),
  ),
);

2. 在IncludingItemPage的返回按钮点击事件中，调用popUntil直接退到目标页面：

IconButton(
  icon: const Icon(Icons.arrow_back),
  onPressed: () {
    Navigator.popUntil(
      context,
      ModalRoute.withName('registration_budget_page'),
    );
  },
);

如果不想给路由加标识，也可以通过判断页面类型定位：

Navigator.popUntil(context, (route) {
  return route.builder(context) is RegistrationBudgetPage;
});

方法2：跳转IncludingItemPage时提前清理中间栈 #

如果确定进入IncludingItemPage后无需再返回ItemsPage，可以在跳转时直接移除中间页面：

// 从IncludesItemPage跳转到IncludingItemPage时
Navigator.pushAndRemoveUntil(
  context,
  MaterialPageRoute(builder: (context) => IncludingItemPage(data: selectedData)),
  // 仅保留RegistrationBudgetPage在栈中
  (route) => route.builder(context) is RegistrationBudgetPage,
);

这样后续点击返回按钮会直接回到RegistrationBudgetPage。

方法3：硬编码返回层级（不推荐） #

如果页面栈层级固定，也可以直接多次调用pop：

IconButton(
  icon: const Icon(Icons.arrow_back),
  onPressed: () {
    // 连续退3层回到目标页面
    Navigator.pop(context);
    Navigator.pop(context);
    Navigator.pop(context);
  },
);

这种方法维护性差，一旦页面跳转流程变更就会出错，仅适合临时场景。

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