React-Navigation: Navigation in nested navigators

Question

I'm developing a react-native app with react-navigation.

Here is my navigation tree:

Root (StackNavigator)
 -- Login
 -- Main (DrawerNavigator)
 ---- Screen1
 ---- Screen2
 ---- Settings

I have two problems here:

How to reset StackNavigator after user has successfully logged in. So when the user is in Screen1 and presses the back button he doesn't navigate to the login screen again.
How I can navigate from Settings screen to Login screen in order to logout the user?

I'm using React-Navigation v1.2 (and for some particular reason I can't upgrade it to v2).

And here is my code:

const StartNav = StackNavigator({
    Login: { screen: Login },
    Main: { screen: Main },
});

const Main = DrawerNavigator({
    Screen1: {
        screen: Screen1
    },
    Screen2: {
        screen: Screen2
    },
    Setting: {
        screen: Setting
    }
});

Thanks in advance.

stephanmantel · Accepted Answer · 2018-08-27 19:51:09Z

1

It seems to me you can accomplish everything by simply using a SwitchNavigator? Also from your settings screen you can go back to login by just calling .navigate(Login) and it will find the right one.

answered Aug 27, 2018 at 19:51

stephanmantel

1,8274 gold badges16 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React-Navigation: Navigation in nested navigators

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related