Hiding navigation bar in React Native

Question

I am using React Native Router Flux (https://github.com/aksonov/react-native-router-flux) for the routing in my React Native app.

I would like to hide the navigation bar for some views, but not for others. Is there an easy way to do this?

Alejandro · Accepted Answer · 2016-08-20 03:52:23Z

1

Yes, there are some ways to do that.

Say for example you have two scenes and you want to hide the navbar when matching a scene.

according to the RNRF docs you can use hideNavBar property under Navigation Bar

https://github.com/aksonov/react-native-router-flux/blob/master/docs/API_CONFIGURATION.md

basic the code example will look like this

<Scene key="app">
    <Scene key="sceneOne" component={ComponentOne} title="SceneOne"  />
    <Scene key="sceneTwo" hideNavBar={true} component={ComponentTwo} title="SceneTwo"  />
</Scene>

Notice that on "SceneTwo" we use hideNavBar={true}

answered Aug 20, 2016 at 3:52

Alejandro

2702 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Hiding navigation bar in React Native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related