React Native应用如何监听电源键按下并触发对应功能

React Native 官方没有提供直接监听电源键按压的跨平台API，电源键属于系统级管控按键，安卓和iOS的权限策略差异很大，需要分平台做适配处理，具体实现逻辑如下：

安卓端实现 #

安卓端的实现自由度更高，不需要申请特殊权限，有两种成熟方案可选：

• 方案1：监听屏幕系统广播（兼容性最优）
  电源键按下最直接的系统反馈是屏幕状态切换，通过注册系统全局的屏幕开/关广播，就能捕捉到电源键触发的熄屏事件，适配绝大多数机型和系统版本。
  原生侧核心逻辑（以Java为例，Kotlin逻辑一致）：

  // 在自定义原生模块的初始化方法中注册广播
  IntentFilter screenFilter = new IntentFilter();
  screenFilter.addAction(Intent.ACTION_SCREEN_OFF);
  screenFilter.addAction(Intent.ACTION_SCREEN_ON);
  BroadcastReceiver powerKeyReceiver = new BroadcastReceiver() {
      @Override
      public void onReceive(Context context, Intent intent) {
          if (Intent.ACTION_SCREEN_OFF.equals(intent.getAction())) {
              // 向JS层发送电源键按压事件
              getReactApplicationContext()
                  .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                  .emit("powerKeyPress", null);
          }
      }
  };
  getReactApplicationContext().registerReceiver(powerKeyReceiver, screenFilter);
  

  *注意：要在原生模块的onCatalystInstanceDestroy或者宿主Activity的onDestroy生命周期中注销该广播，避免内存泄漏。

  JS层监听对应事件即可执行业务逻辑：

  import { DeviceEventEmitter } from 'react-native';
  
  useEffect(() => {
    const powerSub = DeviceEventEmitter.addListener('powerKeyPress', () => {
      // 此处写电源键按下后要触发的业务逻辑
    });
    return () => powerSub.remove();
  }, [])
  

  小技巧：如果需要区分是电源键按压熄屏还是系统自动超时熄屏，可以在JS层全局维护一个用户最后触摸屏幕的时间戳，收到熄屏事件时如果时间差小于2秒，基本可以判定为用户主动按了电源键。

• 方案2：重写Activity按键拦截（精准度更高）
  可以重写RN宿主Activity的onKeyDown方法，直接拦截电源键的按键事件，缺点是部分深度定制的国产ROM会优先拦截电源键事件，不向普通应用层抛送，兼容性不如广播方案。
  核心代码：

  @Override
  public boolean onKeyDown(int keyCode, KeyEvent event) {
      if (keyCode == KeyEvent.KEYCODE_POWER) {
          // 向JS层抛送电源键按压事件
          return true;
      }
      return super.onKeyDown(keyCode, event);
  }
  

iOS端实现 #

iOS对电源键的管控非常严格，普通应用没有公开API可以直接监听电源键按压事件，使用私有API实现会直接被App Store审核拒绝，只能通过间接方案做近似判断：
通过AppStateAPI监听应用前后台状态，当应用从active状态进入inactive状态时，结合场景排除其他触发因素（比如来电、系统弹窗、点击Home键），就可以近似判定为按下了电源键。
示例代码：

import { AppState } from 'react-native';

useEffect(() => {
  const appStateSub = AppState.addEventListener('change', (nextState) => {
    if (nextState === 'inactive') {
      // 此处需要结合距离传感器、通知状态等排除其他触发inactive的场景，无法做到100%精准
      // 执行业务逻辑
    }
  });
  return () => appStateSub.remove();
}, [])

注意事项 #

• 不建议为了实现iOS端的精准监听使用私有API，会直接导致上架被拒
• 如果不想自行编写原生桥接代码，可以使用社区维护的成熟原生模块，核心逻辑和上述方案一致，注意筛选兼容当前RN版本、维护状态正常的包即可

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