How we can remove listeners in React-native-navigation on app kill

user_9864853 0
Viewed 925

How we can remove listeners in React-native-navigation on app kill . Because in the starting of the app there is no root component but just a class there is no componentWillUnMount. I need to remove some listeners on app kill for example react-native-fcm listeners and socket client listeners. Thanks

wix-react-native-navigation react-native-fcm socket.io listener
2 Answers

You can unregister listeners when the root component is unmounted.

For example; in this root layout, you can do clean up when navigation.playground.WelcomeScreen unmounts.

Navigation.setRoot({
  root: {
    stack: {
      id: 'TEST',
      children: [
        {
          component: {
            name: 'navigation.playground.WelcomeScreen'
          }
        }
      ]
    }
  }
});
user_22497740

The root component stack unmount as we move to another stack by using Navigation.setRoot there is no parent root here in this navigation where we can register or unregister the listeners.

user_98648530
Related