Flutter如何跳转页面并隐藏返回栈直到新页面触发指定操作？

针对路由跳转需求，可通过「普通push入栈保状态 + 路由拦截屏蔽默认返回 + 自定义按钮主动触发pop」的组合方案实现，完全适配所有约束条件。 #

1. Screen1 跳转逻辑实现 #

直接使用最基础的Navigator.push（如果使用命名路由则用pushNamed）完成跳转即可：

// Screen1 中执行跳转的代码逻辑
Navigator.of(context).push(
  MaterialPageRoute(builder: (context) => const Screen2()),
);

该方法会将Screen2压入当前路由栈顶，Screen1的整个实例、所有组件状态（滚动位置、表单输入、变量值等）都会完整保留在栈中，从根源上满足「返回后Screen1状态不丢失」的要求，不需要使用会销毁旧路由实例的pushReplacement、pushNamedAndRemoveUntil类方法。

2. Screen2 屏蔽默认返回操作 #

根据项目使用的Flutter版本，选择对应的返回拦截组件包裹Screen2的根布局，拦截所有非主动触发的默认返回行为（包括安卓物理返回键、iOS侧滑返回手势、AppBar默认返回按钮点击）：

Flutter 3.12 及以上版本（官方推荐） #

使用PopScope组件：

@override
Widget build(BuildContext context) {
  return PopScope(
    canPop: false, // 核心配置：禁止默认触发pop逻辑
    child: Scaffold(
      appBar: AppBar(
        // 隐藏AppBar自动生成的默认返回箭头
        automaticallyImplyLeading: false,
        title: const Text('Screen2'),
      ),
      // 其余页面内容正常编写
      body: const Placeholder(),
    ),
  );
}

Flutter 3.12 以下版本 #

使用兼容旧版本的WillPopScope组件：

@override
Widget build(BuildContext context) {
  return WillPopScope(
    // 核心配置：返回false代表拦截系统返回事件，不执行默认pop
    onWillPop: () async => false,
    child: Scaffold(
      appBar: AppBar(
        automaticallyImplyLeading: false,
        title: const Text('Screen2'),
      ),
      // 其余页面内容正常编写
      body: const Placeholder(),
    ),
  );
}

3. 自定义按钮触发可控返回 #

在Screen2内指定的触发按钮的点击回调中，主动调用pop方法即可回到Screen1：

ElevatedButton(
  onPressed: () {
    // 主动调用pop，此时会正常弹出Screen2，回到保留了完整状态的Screen1
    Navigator.of(context).pop();
    // 若需要从Screen2传参回Screen1，直接把参数传入pop方法即可，例：pop({"result": "操作完成"})
  },
  child: const Text('确认返回'),
)

校验说明 #

完成以上配置后即可完全匹配需求：

• 跳转后所有默认返回操作（物理返回键、侧滑手势、默认返回按钮）全部被拦截，用户无法通过系统默认操作回到Screen1
• 仅点击Screen2内的指定按钮时才会触发返回逻辑
• 返回时Screen1不会被重新构建，所有原有状态（滚动位置、输入内容、组件变量值等）完整保留

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