Flutter中如何配置Navigator实现从第三页返回直接跳回第一页无需经过第二页

可以通过清除Navigator路由栈实现该需求，你之前的实现出现闪屏是逻辑时机错误导致的。

原代码问题说明 #

你使用的代码逻辑存在时序问题：

Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => Single(value: _question))).then((value) => Navigator.pop(context));

then回调会在你跳转到的第二页执行pop返回时才触发，相当于第二页会正常加载渲染，等你操作返回、第二页销毁时才会执行额外的pop逻辑，自然会出现第二页短暂展示的问题，不符合需求。

正确实现方案 #

你的核心诉求是跳转到第三页后，路由栈中仅保留第一页和第三页，这样返回时会直接回到第一页，推荐两种常用实现方式：

方案1：普通路由跳转时清除上层路由 #

在第二页执行跳转到第三页的操作时，使用pushAndRemoveUntil方法，跳转同时清除路由栈中除第一页之外的所有路由：

// 第二页跳转第三页时执行
Navigator.pushAndRemoveUntil(
  context,
  MaterialPageRoute(builder: (context) => ThirdPage()), // 替换为你的第三页Widget
  (Route route) => route.isFirst, // 仅保留栈底的第一页路由，其余路由全部移除
);

执行完该操作后，路由栈中只会保留「第一页」和「第三页」，此时不管点击页面返回按钮还是系统返回键，执行默认pop逻辑后都会直接回到第一页，不会触发第二页的渲染。

方案2：命名路由场景下的实现 #

如果你的项目使用命名路由管理，可以提前为页面配置路由名称，跳转时通过路由名指定要保留的页面：

// 路由注册时为第一页指定名称，比如在MaterialApp的routes中配置
routes: {
  '/home': (context) => FirstPage(), // 第一页路由名
  '/third': (context) => ThirdPage(), // 第三页路由名
}

// 第二页跳转第三页时执行
Navigator.pushNamedAndRemoveUntil(
  context, 
  '/third', 
  ModalRoute.withName('/home') // 保留路由名为/home的第一页，其余路由移除
);

该方案和方案1效果一致，更适合中大型项目做路由统一管理。

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