How to reset Navigation states ?

I want to mimic ReactNavigation switch navigator behavior that resets the routes to the default states after navigating away from it (for example after the user logs in/out). How can I do that ?

[SatyaFariz]

It works! I’ll close this for now. Thanks for the quick reply!!!

[grahammendick]

Ahh, thanks for providing a more detailed explanation. I understand exactly what you mean now.

I suggest you add a React key prop to your MainScreen component. If React detects that the key has changed then it will clear all the state from the component tree, for example, the selected tab.

main.renderScene = ({clear = false}) => <MainScreen key={clear ? '1' : '0'}/>

After the sign in process is finished, when you navigate to the MainScreen pass a different clear value to reset the MainScreen

stateNavigator.navigate('main', {clear: true});