CODEWITHSUNDEEP
react-nativereact-navigation
satyajit rout
satyajit rout

Reputation: 1651

How to add createMaterialTopTabNavigator inside createBottomTabNavigator

i want to do something like this top tabs should come inside bottom home tabs.

Upvotes: 0

Views: 203

Answers (1)

user12319280
user12319280

Reputation:

Do you mean that when you press the 'Home' button in the bottomNav the topNav appears?

Then you can just do the following(with login);

const switchNavigator = createSwitchNavigator({
  loginFlow: createStackNavigator({
    Signup: SignupScreen,
    Signin: SigninScreen
  }),
  mainFlow: createBottomTabNavigator({
    bottomFlow: createStackNavigator({
      Home: HomeScreen,
      Settings: SettingsScreen
    }),
    topFlow: createMaterialTopTabNavigator({
      topScreen1: TopScreen1,
      topScreen2: TopScreen2,
      topScreen3: TopScreen3
    })
  });

  export default createAppContainer(switchNavigator);

When you import everything, I think this should do it.

Upvotes: 1

Related Questions