我完全懂你遇到的困扰——componentWillUnmount()连日志都没输出，更别说完成数据存储了。这其实是个很常见的认知误区：componentWillUnmount()只会在组件被从渲染树中移除时触发（比如用户导航到其他页面，当前组件被卸载），而当整个应用进入后台或者被关闭时，组件并没有被卸载，所以这个生命周期钩子根本不会执行。

那该怎么解决这个问题呢？我们可以借助React Native的AppState API来监听应用的状态变化，这样就能精准捕捉到应用切换到后台或即将关闭的时机，触发存储操作。

具体实现步骤： #

• 导入AppState
  首先在你的组件文件顶部导入AppState：

import { AppState } from 'react-native';

• 添加状态监听
  在组件的componentDidMount中添加应用状态变化的监听，同时在componentWillUnmount中移除监听（避免内存泄漏）：

componentDidMount() {
  // 监听应用状态变化
  AppState.addEventListener('change', this.handleAppStateChange);
}

componentWillUnmount() {
  // 组件卸载时移除监听
  AppState.removeEventListener('change', this.handleAppStateChange);
}

• 编写状态变化处理函数
  这个函数会在应用状态改变时被调用，我们只需要在应用切换到background（后台）或inactive（非活跃，比如iOS的多任务切换界面）时执行存储操作：

handleAppStateChange = async (nextAppState) => {
  // 当应用从活跃状态切换到后台/非活跃时触发存储
  if (nextAppState === 'background' || nextAppState === 'inactive') {
    console.log('App is entering background or closing');
    try {
      await AsyncStorage.setItem('data', 'savedData2');
      console.log("done storing");
    } catch (error) {
      console.log(error);
    }
  }
}

额外注意事项： #

• 异步操作的稳定性：在应用进入后台时，系统可能会很快暂停应用进程，所以尽量保证存储操作简洁快速。如果你的数据比较复杂，可以考虑提前序列化好，避免在后台时做过多处理。
• iOS与Android的差异：iOS在用户完全关闭应用（划掉）前，background状态通常会被触发；Android的话，部分机型可能在应用被强制关闭时直接终止进程，这种情况下存储操作可能无法完成，你可以考虑结合Android的生命周期特性优化，但Expo的AppState已经封装了大部分平台差异。
• 测试验证：你可以在Expo Go中测试，切换到后台再切回来，查看日志确认存储是否成功；也可以重启应用，通过AsyncStorage.getItem('data')验证数据是否被保存。

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