NavBar on Top of Tabs

[cancan101]

How do I make the NavBar appear on top of the tabs. Right now I have:

when I try to get a NavBar, it seems to render below:

my router looks like:

      <Router>
        <Scene key="root" >
          <Scene key="tabbar" tabs={true} hideNavBar={false} component={ScrollableTabContainer}>
            <Scene key="tab1" component={Home} icon={TabIcon} title="Home" hideNavBar={false}/>
            <Scene key="tab2" component={Register} icon={TabIcon} title="Register"  hideNavBar={true}  />
            <Scene key="tab5" component={Home} icon={TabIcon} title="Tab #5"  hideNavBar={true}  />
          </Scene>
        </Scene>
      </Router>

If I use:

      <Router>
        <Scene key="root"  hideNavBar={true}>
          <Scene key="tabbar" tabs={true} hideNavBar={false} component={ScrollableTabContainer}>
            <Scene key="tab1" component={Home} icon={TabIcon} title="Home" hideNavBar={false}/>
            <Scene key="tab2" component={Register} icon={TabIcon} title="Register"  hideNavBar={true}  />
            <Scene key="tab5" component={Home} icon={TabIcon} title="Tab #5"  hideNavBar={true}  />
          </Scene>
        </Scene>
      </Router>

I end up with:

[Elyx0]

What version are you using ? RN / RNRF ?

[aksonov]

Seems it is 0.23 or greater? Closing it for now, #525