React native router flux reset scenes from navigation stack

react-native navigation react-native-router-flux
Abdennacer Lachiheb picture Abdennacer Lachiheb · Sep 13, 2017 · Viewed 7k times · Source

I have a scene ( lets called sceneA ) where a lot of data is rendered inside a listview, so after navigating to another scene, the ui become very slow and laggy because sceneA still in the navigation stack, I tried to solve this by calling: Actions.sceneA({type: "reset"}) inside componentWillUnmount() of sceneA, but that doesn't seem to work as componentWillUnmount() is never called after navigating to another scene, so is there a way to reset previous scenes when navigating inside the app?

Answer

Vahid Boreiri picture Vahid Boreiri · Sep 13, 2017

You can use the <scene/> tag like this:

<Scene type="reset" key="someKey" component={someComponent} .../>

In this way if you go to the scene above, the navigation stack will reset.

Related questions

Disable back button in react navigation

I'm using react native navigation (react-navigation) StackNavigator. it starts from the Login page throughout the whole lifecycle of the app. I don't want to have a back option, returning to the Login screen. Does anyone know how it can be …

Read More
Resetting the navigation stack for the home screen (React Navigation and React Native)

I've got a problem with the navigation of React Navigation and React Native. It is about resetting navigation and returning to the home screen. I've build a StackNavigator inside of a DrawerNavigator, and the navigation between home screen and other …

Read More
React Native - Device back button handling

I want to check if there are more than one screens are on stack when device back button is hit. If yes, I want to show previous screen and if no, I want to exit app. I have checked number …

Read More