如何在React Native应用完全关闭前执行代码？已试AppState无效

核心问题说明 #

AppState 的inactive状态仅在应用从活跃切到后台（比如按Home键）时触发，完全关闭应用（滑动清除）时系统不会触发这个状态。Expo Go 作为调试沙盒，会直接终止进程，没有预留执行代码的时机，这也是你用它测试时无法触发的原因。

可行方案 #

1. 后台任务延迟执行（非即时，适合非紧急逻辑） #

通过 Expo 的 TaskManager 结合后台任务，可在应用被关闭后由系统触发延迟执行，适合不需要即时完成的清理、上报逻辑：

import * as TaskManager from 'expo-task-manager';
import * as BackgroundFetch from 'expo-background-fetch';

const CLEANUP_TASK = 'app-shutdown-cleanup';

// 定义后台任务
TaskManager.defineTask(CLEANUP_TASK, async () => {
  // 在这里编写需要执行的逻辑
  console.log('执行关闭后的后台清理');
  return BackgroundFetch.Result.NewData;
});

// 初始化时注册任务
async function setupBackgroundTask() {
  const permission = await BackgroundFetch.requestPermissionsAsync();
  if (permission.status === 'granted') {
    await BackgroundFetch.registerTaskAsync(CLEANUP_TASK, {
      minimumInterval: 15, // 系统限制最小间隔15分钟
    });
  }
}

注意：该方案是应用关闭后系统在未来某个时间触发，并非关闭瞬间执行，且受系统调度限制，无法保证100%触发。

2. Android 原生生命周期监听（需脱离 Expo Go） #

Android 端应用完全关闭时会触发onDestroy生命周期，但 Expo Go 无法直接访问原生代码，需要通过 EAS 构建自定义原生模块：

• 编写 Android 原生代码监听onDestroy事件，通过 React Native 桥接通知 JS 层执行逻辑。此方案必须脱离 Expo Go，进行本地正式构建。

3. 退而求其次：后台切换时预执行逻辑 #

如果无法实现关闭瞬间执行，可结合 AppState 的background状态，在应用切到后台时就执行必要的保存、清理逻辑，尽可能降低数据丢失风险：

import { AppState } from 'react-native';
import { useEffect } from 'react';

function useBackgroundCleanup() {
  useEffect(() => {
    const handleStateChange = (state) => {
      if (state === 'background') {
        // 应用切后台时执行逻辑
        console.log('应用进入后台，执行预清理');
      }
    };

    const subscription = AppState.addEventListener('change', handleStateChange);
    return () => subscription.remove();
  }, []);
}

关键提醒 #

Expo Go 作为调试工具，本身存在原生能力限制。若必须实现完全关闭时的即时执行逻辑，最终需要通过EAS 构建正式包来开发自定义原生扩展，沙盒环境下无法绕过这一限制。

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