React Navigation - How to switch Tab Navigation to handle Login Screen?

Question

I want to know if it\'s possible to handle login screen after the button login pressed,

I have a router.js:

export const TabLoged= TabNaviga         


        

Answer 1

To achieve desired behavior you can use SwitchNavigator. There is a really good example for it in the doc. You can check it here.

SwitchNavigator reference

SwitchNavigator(RouteConfigs, SwitchNavigatorConfig)

Example from docs

const AppStack = StackNavigator({ Home: HomeScreen, Other: OtherScreen });
const AuthStack = StackNavigator({ SignIn: SignInScreen });

export default SwitchNavigator(
  {
    AuthLoading: AuthLoadingScreen,
    App: AppStack,
    Auth: AuthStack,
  },
  {
    initialRouteName: 'AuthLoading',
  }
);