Flutter中如何使用返回键功能？如何不点击按键编程触发返回功能？

1. 安卓平台 #

• 常规Activity场景：直接调用系统提供的onBackPressed()方法即可触发和物理返回键完全一致的逻辑，包含页面回退、关闭弹窗、侧滑返回响应等自带效果
  代码示例：

  // Kotlin 写法
  override fun someTriggerMethod() {
      // 直接调用返回逻辑
      onBackPressed()
  }
  

  // Java 写法
  private void someTriggerMethod() {
      onBackPressed();
  }
  

• 模拟系统按键事件方案：如果需要完全模拟按键下发逻辑，可以手动构造返回键事件分发
  代码示例：

  dispatchKeyEvent(KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_BACK))
  dispatchKeyEvent(KeyEvent(KeyEvent.ACTION_UP, KeyEvent.KEYCODE_BACK))
  

  注意：Android 13及以上版本针对返回逻辑做了预测性返回适配，自定义返回拦截逻辑需要按官方规范适配，避免调用失效

2. iOS平台 #

• 导航栈推出的页面：调用导航控制器的pop方法即可触发和左上角返回按钮、手势返回一致的效果
  代码示例：

  // Swift 写法
  navigationController?.popViewController(animated: true)
  

  // OC写法
  [self.navigationController popViewControllerAnimated:YES];
  

• 模态弹出的页面：调用dismiss方法触发返回逻辑
  代码示例：

  dismiss(animated: true)
  

3. Web/浏览器环境 #

• 原生JS场景：调用浏览器History API的back方法即可触发页面返回
  代码示例：

  window.history.back()
  // 等价写法
  window.history.go(-1)
  

• 前端框架路由场景：直接调用路由实例提供的返回方法即可，和路由自带的返回按钮逻辑完全一致
  示例（Vue Router）：

  import { useRouter } from 'vue-router'
  const router = useRouter()
  router.back()
  

  示例（React Router）：

  import { useNavigate } from 'react-router-dom'
  const navigate = useNavigate()
  navigate(-1)
  

通用注意事项 #

• 调用前建议先校验当前是否有可返回的页面/栈内容，避免调用后无响应
• 如果业务有自定义返回拦截逻辑，代码触发的返回操作也会走自定义拦截逻辑，和手动按返回键的处理流程完全一致

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