I am looking desperately for a possibility to check if a previous screen exists in ReactNavigation.
Using this.props.navigation.goBack()
returns false
if no previous route exists, but I can not use it because if a previous route exists I get redirected.
Is there a possibility to check if I opened the app instead of navigated from another screen to the Home screen?
Thank you. I am not using Redux. It would make such stuff easier but I would like to avoid using it at the moment.
If you want to find out previous route/screen name from navigation stack in react native app so you can use this function. How to use? previousRouteName(props. navigation);
The header bar will automatically show a back button, but you can programmatically go back by calling navigation. goBack() . On Android, the hardware back button just works as expected. You can go back to an existing screen in the stack with navigation.
As of React Navigation 5 you can use useNavigationState
hook inside functional component this way:
const routesLength = useNavigationState(state => state.routes.length);
console.log('routesLength', routesLength);
If routesLength
> 1 then it is not the first screen in stack
Or you can use navigation.canGoBack()
There is an easier way:
if(this.props.navigation.isFirstRouteInParent()) {
//a previous screen does not exist
} else {
//a previous screen does exist
}
What could be a solution (not sure that it's the best one) would be to spend in the param object the previous screen. With that, if the params exists would mean that a previous screen exists.
For example:
const navigateAction = NavigationActions.navigate({
routeName: 'Profile',
params: { previous_screen: 'CURRENT_SCREEN' },
action: NavigationActions.navigate({ routeName: 'NEXT_SCREEN' }),
});
this.props.navigation.dispatch(navigateAction);
And then in the next screen:
const { navigation } = this.props;
if (navigation.state.params && navigation.state.params.previous_screen) {
// A previous screen exists
} else {
// No previous screen
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With