How to remove TabNavigatorBar from specific screen

Asked Jan 22 '21 at 08:38

Active Oct 22 '21 at 04:23

Viewed 36 times

I try to remove tab navigator, however my screen is in createstacknavigor and createstacknavigor is in tabnavigator.

Like this:

const switchNavigator = createSwitchNavigator({
  registration: createStackNavigator({
    Splash: SplashScreen,
    Regis: Registration,
 
  }),
  mainFlow: createBottomTabNavigator({
    MainPath: createStackNavigator({
      Main: MainPage,
      Web: WebPage,
    }),
  }),
});

I go from Main to Web. But in "Web" screen MainPath tab navigator visible if I move "web" outside of createStackNavigator and put it in createBottomTabNavigator then I can remove with:

 tabBarVisible: false

However I need to go back from Web to Main because I want to see Main screen as I left. I didn't it change anything.

I hope I was able to explain what I want.

edited Oct 22 '21 at 04:23

marc_s

732,580
175
1,330
1,459

asked Jan 22 '21 at 08:38

rnn

2,393
3
21
39

1

Not getting your question – Irfan wani Jan 22 '21 at 08:42
your tabNavigator should be the child of stackNavigtor, rather than stack NAvigtor being child, if you don;t need tabs in stack screens. – S.N.B Jan 22 '21 at 08:43
i will put another screens to mainFlow to make tab screens. i didnt do yet – rnn Jan 22 '21 at 08:44
Which version of react-navigation do you use? 4.x? – vahdet Jan 22 '21 at 08:48
@vahdet 4.4.3 i use – rnn Jan 22 '21 at 08:48
Even your question (especially the part below the code snippet) needs clarification, I hazard a _guess_ that this can be something close to what you want: https://stackoverflow.com/q/51352081/4636715 – vahdet Jan 22 '21 at 08:54
simply, i want to hide tabnavigationbar in "Web" screen. i just want to do this – rnn Jan 22 '21 at 09:14

How to remove TabNavigatorBar from specific screen

0 Answers0