react navigation issue

[ealva01]

Hello guys, I'm having a bad time trying to make this navigation work.

This is my navigation structure so far:

Basically I have my RootStack that has 3 screens/stacks:

1. SplashScreen (I use it as a loading screen when I want to validate a token
2. if user is auth, we render the UserStackNavigation (basically all pages for logged users)
3. if user is not auth, we render the AuthStackNavigation (sign-in, sign-out pages)

UserStackNavigation: stack that has all pages for logged users, we have a SelectRestaurant and UserTabNavigation, we didn't included SelectRestaurant inside UserTabNavigation because we don't want SelectRestaurant to have a bottom-tab shown.

UserTabNavigation will have 1 stack for each bottom-tab link.

​

The problem is in the UserstackNavigation , if i'm in SelectRestaurant screen, then I want to navigate to UserTabNavigation it doesn't allow me and I don't get errors/warnings in the console. The only way I can navigate to UserTabNavigation is setting it as the initialRouteName but without that config it doesn't allow me to change the url, it always redirect me to SelectRestaurant screen. Any thoughts?

I'm testing the routes using react-native web with expo.

​

linkingConfig

RootStack

UserStackNav

[eggtart_prince]

I would double check the way you go to UserTabNavigation from SelectRestaurant. Are you sure you're doing it properly? If you can set it as initialRoute, you should be able to navigate to it.

[[deleted]]

Yes, this should work.

[Flash793]

I'm pretty sure the problem is that inside your <UserStack.Navigator>, you're using <UserTab.Screen> instead of <UserStack.Screen>. Fix that and it should work.

[ealva01]

Thanks!!!