React-native-router-flux: TabBar displaying above navbar

Created on 19 Jan 2018  路  13Comments  路  Source: aksonov/react-native-router-flux

Version

^4.0.0-beta.22

  • react-native v0.?.0.49.3

Expected behaviour

tabbar should display below to navbar

Actual behaviour

image

Steps to reproduce

image

All 13 comments

I have the same problem with you ... no solution for me yet

Hey guys, did you found a solution for that ?

not yet, looking some help from group

馃憤

I have the same problem. Did you find something?

I didn't see this post and I have created a new issue: https://github.com/aksonov/react-native-router-flux/issues/2913

in the root scene hideNavBar in Tab Scene hideNavBar={false}
<Scene key="root" hideNavBar ><Scene key="ResultslistScene"> <Scene key="Results" tabs={true} hideNavBar={false} headerMode='none' wrap={false} title="Results list" lazy > <Scene key="Resultslist" component={ResultslistScene} title="Results list" /> <Scene key="Favorites" component={InfoScene} title="Favorites" /> </Scene></Scene></Scene>

why would anyone literally ever want the tabs above the nav....

After 1 day of struggle I found a way.
I鈥檒l give you a functional link to help you (let me 3 days)

Oh it's fine I just ended up hiding the nav and putting the nav component in my custom tabs component..... just needed sleep when I posted my last comment 馃槅

Please try to reproduce it with Example project and latest version 4.0.0-beta.40. Feel free to open if the issue still exists

hey, did someone found a way to fix this?
For normal scenes you can use the navBar property and set the component which has to be on top, but a Drawer has no component, so I really need to know how to fix this.

same +1 with tabar position = "top". How to fix?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

VictorK1902 picture VictorK1902  路  3Comments

sarovin picture sarovin  路  3Comments

llgoer picture llgoer  路  3Comments

xnog picture xnog  路  3Comments

sylvainbaronnet picture sylvainbaronnet  路  3Comments