BackHandler

Backhandler API 用于检测硬件按钮的返回导航按压，允许您注册系统返回操作的事件监听器，并允许您控制应用程序的响应方式。它仅适用于 Android。

事件订阅将以相反的顺序调用（即，最后注册的订阅将首先调用）。

• 如果某个订阅返回 true，则不会调用之前注册的订阅。
• 如果没有订阅返回 true 或没有注册订阅，它将通过编程方式调用默认的返回按钮功能以退出应用程序。

Modal 用户注意事项

如果您的应用程序显示一个已打开的 Modal，BackHandler 将不会发布任何事件（请参阅 Modal 文档）。

模式

tsx

const subscription = BackHandler.addEventListener(
  'hardwareBackPress',
  function () {
    /**
     * this.onMainScreen and this.goBack are just examples,
     * you need to use your own implementation here.
     *
     * Typically you would use the navigator here to go to the last state.
     */

    if (!this.onMainScreen()) {
      this.goBack();
      /**
       * When true is returned the event will not be bubbled up
       * & no other back action will execute
       */
      return true;
    }
    /**
     * Returning false will let the event to bubble up & let other event listeners
     * or the system's default back action to be executed.
     */
    return false;
  },
);

// Unsubscribe the listener on unmount
subscription.remove();

示例

以下示例实现了确认用户是否要退出应用程序的场景

BackHandler.addEventListener 创建一个事件监听器并返回一个 NativeEventSubscription 对象，该对象应使用 NativeEventSubscription.remove 方法清除。

与 React Navigation 一起使用

如果您正在使用 React Navigation 在不同屏幕之间导航，您可以遵循他们的 自定义 Android 返回按钮行为 指南

Backhandler hook

React Native Hooks 有一个很好的 useBackHandler hook，它将简化设置事件监听器的过程。

---

参考

方法

addEventListener()

tsx

static addEventListener(
  eventName: BackPressEventName,
  handler: () => boolean | null | undefined,
): NativeEventSubscription;

---

exitApp()

tsx

static exitApp();