React-native: How can you hide TabBarIOS?

[giantelk]

How can you hide TabBarIOS when one of the tabs is open. I want a full screen (for one tab), and only show TabBarIOS when user touches on the main screen.

Here's a Stack Overflow Question:
http://stackoverflow.com/questions/30278537/how-to-hide-tab-bar-in-navigation-interface-in-react-native

[brentvatne]

Hi there!

Not that I am aware of -- you may want to use https://github.com/exponentjs/react-native-tab-navigator instead because you have more control over it as it is implemented entirely in JavaScript.

:smile:

[giantelk]

I was hoping for a native solution. I wonder if adding this.state in a parent component that contains TabBarIOS will allow me to show/hide the tab bar. Just haven't had time to try it.

• sudo code:

if (this.state.showTabBar == true)
   then <MyTabBar />
   else null

[andyyou]

+1 I also hope I can use above solution

[giantelk]

Here's a working example, hiding TabBarIOS https://rnplay.org/apps/nRMrJQ

[andyyou]

@giantelk Thanks your answer, I have been consider this way. but in my case I need

Step 1: Login or not, if logged in show TabBar
Step 2: Each TabBar.Item has Navigator(for example Setting) include ListView [TabBar show]
Step 3: After press row for configuration [TabBar hidden]

in your solution there are a few problem as follow

1. I have to handle double code of views one inside TabBar.Item another need to dynamic to change for select current work on which Tab
2. Also need to deal with animation problem is not quite like native

I trying to figure out some way just cover or hide the TabBar I think that's enough. If users can't use TabBar to switch Tab they have to back last view by click navigation bar then state will always right.

[andyyou]

Seems I have no other choice it's the only way right now I can found. Also thank you again. :+1:

[andyyou]

This sample is nice

[giantelk]

You could always try posting some questions on Stack Overflow. Most of what
you need should be easy to implement based on my example. You may want to
use Flux to avoid passing this.params around to setState. I've never used
Flux but everyone keeps raving about it.

On Mon, Oct 26, 2015 at 11:02 PM, You, ZongYan [email protected]
wrote:

This sample https://rnplay.org/apps/cOLMwA is nice

—
Reply to this email directly or view it on GitHub
https://github.com/facebook/react-native/issues/3482#issuecomment-151355296
.

Cheers,
_Flying Horse Dancing_

[williambout]

:+1: for hidden and showHideTransition props for TabBarIOS