How to set NavBar above Tabs?

[shukerullah]

Version

• react-native-router-flux v4.0.0-beta.15
• react-navigation: ^1.0.0-beta.11
• react-native: 0.47.0

I want to have only one NavBar above Tabs, how can I achieve this?

Here is my code

<Scene
  tabs
  key="home"
  title="Home"
  tabBarPosition={"bottom"}
  type={ActionConst.REPLACE}
  tabBarStyle={styles.tabBarStyle}
  activeBackgroundColor="#ddd"
>
  <Scene
    key="Title1"
    title="Title1"
    tabBarLabel="Title1"
    component={Profile}
    icon={TabIcon}
  />
  <Scene
    title="Title2"
    tabBarLabel="Title2"
    key="Title2"
    component={Profile}
    icon={TabIcon}
  />
  <Scene
    key="Title3"
    title="Title3"
    tabBarLabel="Title3"
    component={Profile}
    icon={TabIcon}
    hideNavBar
  />
</Scene>

Screenshot

[mybolide]

The new version does not seem to support the icon property

[shukerullah]

working in my case, just add showIcon in the parent scene, Home in my case.

[aksonov]

@shukerullah Could you clarify? Could you check Example project, its tab bar has only one nav bar.

[shukerullah]

I want to have only one nav bar for all tab, is that possible?

[aksonov]

Yes, check Example project