Disable Header for specific Scene in react-native-router-flux

react-native react-native-router-flux
Charles Roth picture Charles Roth · Aug 25, 2016 · Viewed 7.5k times · Source

If you can't figure out my question by the title then I will give a small example:

So I have "landing page" where users either login or register, pending success, the user would then be re-routed to the "main" page of the app. On this main page though I would rather not have the default header that is used in react-native-router-flux and replace it with a more sleek react-native-scrollable-view for presentational purposes.

Is there a prop that I can set to false for this to be achieved or am I asking to much of react-native-router-flux?

Thanks!

Answer

Charles Roth picture Charles Roth · Aug 25, 2016

Never mind...

<Scene key="main" component={Main} hideNavBar={true} />

does the trick

Related questions

How to pass values to other component in React-Native-Router-Flux?

My code is: ... <Router> <Scene key="com1" component={Com1} initial/> <Scene key="com2" component={Com2}/> </Router> ... com1.js ... onPress={Actions.com2} I changed com1 to com2. But I need to pass values …

Read More
React Native <ListItem onPress={...}> - why is this function executing?

I'm just starting to wrap my head around React Native and am using Redux for management of state, the NativeBase library for my UI components and react-native-router-flux is handling navigation between views. Currently I'm building a basic list that is …

Read More
how to style react-native-router-flux?

I am using react-native-router-flux 4.0.0-beta.17 for my learning project. I need to customize the header. for instance the background color, the title alignment, etc. I couldn't find a good document about it. One of them had something like <Router …

Read More