如何检测React Native应用的正常关闭或强制关闭状态

由于React Native官方的AppState仅能识别前台/后台状态，无法直接检测应用退出，需要结合原生层监听+JS层事件接收的方式实现，以下分平台说明：

iOS 实现步骤 #

iOS系统在应用即将被终止时会触发applicationWillTerminate:方法，通过原生代码发送事件到JS层：

1. 打开iOS项目的AppDelegate.m文件，添加如下代码：

- (void)applicationWillTerminate:(UIApplication *)application {
    // 发送应用终止事件到JS
    [[NSNotificationCenter defaultCenter] postNotificationName:@"AppWillTerminate" object:nil];
}

2. 在JS层监听该事件：

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

const eventEmitter = new NativeEventEmitter(NativeModules.AppState);

useEffect(() => {
    const subscription = eventEmitter.addListener(
        'AppWillTerminate',
        () => {
            console.log('应用即将退出');
            // 执行同步的清理/统计逻辑（异步操作可能无法完成）
        }
    );

    return () => subscription.remove();
}, []);

Android 实现步骤 #

Android的应用退出场景分为两种：从最近任务列表划掉、按下返回键退出，分别处理：

1. 监听最近任务列表划掉事件 #

在Android项目的MainActivity.java中重写onTaskRemoved方法：

@Override
public void onTaskRemoved(Intent rootIntent) {
    super.onTaskRemoved(rootIntent);
    // 发送事件到JS层
    ReactInstanceManager reactInstanceManager = getReactNativeHost().getReactInstanceManager();
    ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
    if (reactContext != null) {
        reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                .emit("AppWillTerminate", null);
    }
}

2. 监听返回键退出事件 #

在JS层通过BackHandler处理：

import { BackHandler, useEffect } from 'react-native';

useEffect(() => {
    const handleBackPress = () => {
        console.log('用户通过返回键退出应用');
        // 执行清理逻辑
        BackHandler.exitApp();
        return true;
    };

    const backHandler = BackHandler.addEventListener('hardwareBackPress', handleBackPress);
    return () => backHandler.remove();
}, []);

注意事项 #

• 应用退出时JS线程可能很快终止，避免执行异步操作，尽量用同步逻辑完成必要的清理、数据上报等工作。
• 部分Android机型的后台清理逻辑可能直接杀死进程，导致onTaskRemoved无法触发，这种情况无法完全覆盖。

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