Search code examples
reactjsreact-nativereact-navigationstack-navigatorreact-native-tabnavigator

How can i Hide a specific Tab component in react native?

In My code I want to Hide The Drawer Tab in Tabnavigator. i will do many tries but its not working. please help me.

const Drawer=createDrawerNavigator({
Home:{screen:Home},

})
const TabNavigator = createBottomTabNavigator({
Drawer:{screen:Drawer},
Home: {screen: Home},
Categories:{screen:Cate},
ShortList:{screen:ShortList},
Account:{screen:Account},
},
}
);
Solution

  • You can't. You can instead pu the tabs inside the drawer so the drawer would be hidden but available on all tabs 

    const Drawer=createDrawerNavigator({
Tabs:{screen:TabNavigator, navigationOptions: {drawerLabel: () => null}}
Home:{screen:Home}

})
const TabNavigator = createBottomTabNavigator({
Home: {screen: Home},
Categories:{screen:Cate},
ShortList:{screen:ShortList},
Account:{screen:Account},
},
}
);