[TabBarIOS] How To Hide Tab Bar in Navigation Interface

[maplebaby]

How To Hide Tab Bar in Navigation Interface

[scyankai]

+1

[skyline75489]

+1.

[wingofshadow]

I hide the tabbar with toggle the hidden property of the tabbar in tabBarController,but when i swipe back,the animation effect in tabbar disappears.Looking forward to a better hack.

[christopherdro]

You could use Navigator on your index and set the initial route to your TabBars.
Now, any new screen that is pushed will overlap your TabBar screen.

[albertwchang]

@maplebaby Were you ever able to figure out a solution?

@christopherdro: I'm guessing your proposed solution would mean that ANY scenes pushed onto the stack from that initial route would overlap and cover the tab bar?

[christopherdro]

@Achang28 Yes, in that case any scene will overlap your tab bars.

[feilaoda]

+1
@christopherdro Can you give a example code? Thanks.

[0517]

So the final solution is a new design form like above? Any other solution or can someone make it detail about how to achieve the above solution?

[yangaqi]

+10086

[brentvatne]

You also might want to consider using a JS-based tabbed-navigator, eg: https://github.com/exponentjs/react-native-tab-navigator

[christopherdro]

Here's the sample code.
https://rnplay.org/apps/-P8G_w

@ide @brentvatne Issue can be closed. Example and alternate method provided.

[brentvatne]

Neat, thanks @christopherdro!