反应原生。应用程序的关闭事件

Question

在为 ios on react native 开发的应用程序的一个页面上，有一个开关组件。与它们交互时，开关的状态存储在 Redux 存储中，但在离开页面或离开应用程序时，需要将状态数据发送到服务器。离开页面实现如下：

props.navigation.addListener('willBlur', async() => {
  props.pushDataOnServer(data, token);
});

我们为willBlur 事件添加了一个导航处理程序（StackNavigator），因此我们可以捕捉到另一个页面的转换，但是当直接从开关的编辑页面关闭应用程序时呢？是否有任何事件（例如willExit、willClose）？或者如果您知道更有效的方法，请告诉我们

Answer 1

在您的根组件中，您可以观察 AppState 的变化。

componentDidMount() {
  AppState.addEventListener('change', this.handleAppStateChange);
}

componentWillUnmount() {
  AppState.removeEventListener('change', this.handleAppStateChange);
}

handleAppStateChange = (nextAppState) => {
  if (nextAppState === 'inactive') {
    console.log('the app is closed');
  }    
}