React Native监听后台关闭应用的onDestroy事件实现咨询

嘿，这个问题问得很实在！刚好我之前折腾过React Native和Android生命周期的交互，来给你详细说清楚：

首先明确一点：你提到的Galaxy S7上划掉后台应用触发onDestroy()的场景，在Android原生里确实是成立的——手动划掉后台列表里的应用时，系统会触发对应Activity的onDestroy()方法（当然，系统内存不足强制杀进程的情况除外，这种场景下onDestroy()可能不会执行）。

但React Native本身提供的AppState API只能监听应用的前台/后台切换状态，没法直接捕获onDestroy()这个生命周期事件。要实现你的需求，得通过原生模块桥接的方式，把Android原生的onDestroy()事件传递给React Native端。

具体实现步骤： #

1. 编写Android原生模块

创建一个自定义的Native Module，用来发送应用销毁的事件给RN端：

// AppDestroyModule.java
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.modules.core.DeviceEventManagerModule;

public class AppDestroyModule extends ReactContextBaseJavaModule {
    public AppDestroyModule(ReactApplicationContext reactContext) {
        super(reactContext);
    }

    @Override
    public String getName() {
        // 这个名字会在RN端被引用
        return "AppDestroyModule";
    }

    // 用来发送销毁事件的方法
    public void sendAppDestroyEvent() {
        getReactApplicationContext()
            .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
            .emit("onAppDestroy", "应用被手动划掉销毁");
    }
}

2. 在MainActivity中调用事件发送方法

修改你的MainActivity.java，在onDestroy()生命周期里调用上面模块的方法：

// MainActivity.java
import com.yourpackage.AppDestroyModule; // 替换成你的项目包名

public class MainActivity extends ReactActivity {
    private AppDestroyModule appDestroyModule;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 初始化自定义模块
        appDestroyModule = new AppDestroyModule(getReactApplicationContext());
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        // 发送应用销毁事件
        appDestroyModule.sendAppDestroyEvent();
    }

    // ...保留原有其他代码
}

3. React Native端订阅事件

在RN的组件里，通过NativeEventEmitter订阅我们自定义的事件：

import { useEffect } from 'react';
import { NativeEventEmitter, NativeModules } from 'react-native';

const { AppDestroyModule } = NativeModules;
const appDestroyEmitter = new NativeEventEmitter(AppDestroyModule);

function YourComponent() {
  useEffect(() => {
    // 订阅应用销毁事件
    const subscription = appDestroyEmitter.addListener(
      'onAppDestroy',
      (eventMessage) => {
        console.log(eventMessage);
        // 这里写你要触发的业务逻辑
      }
    );

    // 组件卸载时取消订阅，避免内存泄漏
    return () => subscription.remove();
  }, []);

  return (
    // 你的组件内容
  );
}

export default YourComponent;

注意事项： #

• 如果你的React Native版本低于0.60，需要手动在settings.gradle和MainApplication.java里注册自定义模块；0.60+版本支持自动链接，只需要确保包名正确即可。
• 测试时一定要手动划掉后台列表里的应用，不要用Android Studio的“Stop App”按钮，后者不会触发正常的onDestroy()流程。
• 系统因内存不足强制杀死应用时，onDestroy()可能不会被触发，这种场景下没法监听，这是Android系统的固有限制。

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