Flutter：onPressed执行Navigator.pop后后续代码仍运行的原因解析

为什么pop后剩余代码依然执行 #

你代码里的Navigator.pop(context)只是向Flutter框架发送了“移除当前页面”的请求，这个操作是异步调度的——框架不会立刻销毁页面，而是会把这个操作放到当前事件循环的下一个处理周期。而onPressed的回调函数是同步执行的，所以pop调用后，函数会立刻继续执行后面的Navigator.push，完全不等页面弹出的操作完成。

onPressed的核心工作机制 #

• onPressed是按钮类组件（比如ElevatedButton）的回调属性，类型为VoidCallback?，本质就是一个普通的无参无返回值函数。
• 用户点击按钮时，Flutter的事件系统会触发这个回调，从头到尾同步执行函数内的所有代码，直到函数执行完毕，才会回到框架的事件循环去处理UI更新（比如页面弹出、渲染新页面这些操作）。
• 注意：Navigator.pop和Navigator.push都是返回Future的异步方法，但如果不用await等待它们的执行结果，函数不会暂停，会直接向下执行后续代码。

解决方法 #

如果需要确保页面弹出后再跳转新页面，用await等待pop完成即可：

onPressed: () async {
  await Navigator.pop(context);
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (ctx) => const Filter(),
    ),
  );
},

另外，如果你本来就想替换当前页面（弹出当前页并推入新页），更简洁的方式是直接使用Navigator.pushReplacement，省去手动pop的步骤：

onPressed: () {
  Navigator.pushReplacement(
    context,
    MaterialPageRoute(
      builder: (ctx) => const Filter(),
    ),
  );
},

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