Lifecycle Management in React-native

Question

What is the life cycle when exiting an app with Swipe in Ios Simulator? I tried to log every lifecycle, but nothing happened. I want to execute a specific function when the app exits, but I'm not sure what to do. Has anyone had a similar problem with me?

By exiting do you mean actually killing the app? swiping it away? — Auticcat, Oct 22 '19 at 10:17
Use `applicationWillTerminate(_ application: UIApplication)` function in iOS. From there you can call your shared React-Native component functions — Balaji Kondalrayal, Oct 22 '19 at 10:21
check this https://stackoverflow.com/questions/51023044/how-to-call-api-when-app-is-killed-in-react-native — Gaurav Roy, Oct 22 '19 at 10:22

score 0 · Accepted Answer · answered Oct 22 '19 at 10:23

There's no way to detect if the app is closing, but you can check if the app is in background using AppState.

In your parent component, add:

import { AppState } from 'react-native';

...

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

...

_handleAppStateChange = (nextAppState) => {
    //based of nextAppState, do what you need
}

Source: https://facebook.github.io/react-native/docs/appstate

score 0 · Answer 2 · answered Oct 22 '19 at 10:28

In iOS AppDelegate.swift

func applicationWillTerminate(_ application: UIApplication) {
    // get your shared RCTView
    sharedRCTView.appProperties = [..., "isTerminate": true];
}

In React-Native Component

static getDerivedStateFromProps(nextProps, prevState){
   if(nextProps.isTerminate!==prevState.isTerminate){
     // Do your stuff
     return { someState: nextProps.isTerminate};
  }
  else return null;
}

Lifecycle Management in React-native

2 Answers2