Flutter中使用Navigator.pop跳过搜索页直接返回上上级页面如何实现

问题原理 #

你当前的跳转逻辑会生成如下导航栈结构：前序页面 → 搜索页 → 目标结果页，默认Navigator.pop()只会弹出栈顶页面，因此返回时会先回到搜索页。

推荐方案（无侵入，无需修改目标页代码） #

直接修改搜索页的搜索项点击跳转逻辑，跳转前先将搜索页弹出栈，再推入目标页，最终栈结构变为前序页面 → 目标结果页，返回时直接回到前序页面，其他场景的返回逻辑完全不受影响。
修改搜索页buildSuggestions方法中InkWell的onTap逻辑：

onTap: () {
  // 先关闭当前搜索页面，将其从导航栈移除
  Navigator.pop(context);
  // 再跳转到目标结果页
  Navigator.push(context, MaterialPageRoute(builder: (context) => listitem.link));
},

备选方案（需修改目标页返回逻辑） #

如果需要保留搜索页在栈中、仅在特定场景下跳过，可在跳转时带标识参数，目标页返回时判断标识执行多次pop：

1. 搜索页跳转时传参：

onTap: () {
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => listitem.link,
      // 传入标识，标记当前是从搜索页跳转过来的
      settings: const RouteSettings(arguments: true),
    ),
  );
},

2. 修改目标页AppBar返回按钮逻辑：

onPressed: () {
  final bool isFromSearch = ModalRoute.of(context)?.settings.arguments as bool? ?? false;
  if (isFromSearch) {
    // 连续弹出两层，跳过搜索页
    Navigator.of(context)
      ..pop()
      ..pop();
  } else {
    Navigator.of(context).pop();
  }
},

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