React-native-router-flux: how to combine with react-native-tabs?I need to display four custo

Created on 22 Sep 2017 · 3Comments · Source: aksonov/react-native-router-flux

Version

Tell us which versions you are using:

react-native-router-flux v^4.0.0-beta.19"
react-native "0.47.1",

Expected behaviour

I need to display four customer tabbar at the bottom of the view container

Actual behaviour

tabbar are on the top and I don't know how to customization tab icon

Source

jeffzing

Most helpful comment

Is this (following code snippet) you want?

<Scene
  tabs
  lazy
  showIcon
  key="tabs"
  showLabel={false}
  tabBarPosition="bottom"
  iconStyle={styles.iconStyle}
  tabBarStyle={styles.tabBarStyle}
  indicatorStyle={styles.indicatorStyle}
>
  <Scene initial key="home" title="Home" icon={HomeIcon} component={Home}>
  <Scene initial key="settings" title="Settings" icon={SettingsIcon} component={Settings}>
</Scene>

shukerullah on 22 Sep 2017

🎉1 😄1 👍1

All 3 comments

sent someone to save me.

jeffzing on 22 Sep 2017

Is this (following code snippet) you want?

<Scene
  tabs
  lazy
  showIcon
  key="tabs"
  showLabel={false}
  tabBarPosition="bottom"
  iconStyle={styles.iconStyle}
  tabBarStyle={styles.tabBarStyle}
  indicatorStyle={styles.indicatorStyle}
>
  <Scene initial key="home" title="Home" icon={HomeIcon} component={Home}>
  <Scene initial key="settings" title="Settings" icon={SettingsIcon} component={Settings}>
</Scene>

shukerullah on 22 Sep 2017

🎉1 😄1 👍1

man,your code works for me,You did help me out

jeffzing on 23 Sep 2017

Was this page helpful?

0 / 5 - 0 ratings