未显示react-native-router-flux选项卡

Question

我在react-native-router-flux中显示选项卡栏时遇到了问题。

我正在创建我的场景，像这样。我可以显示选项卡栏的第一个选项卡，但不能使选项卡栏显示在底部。谢谢你的帮助。

const scenes = Actions.create(
  <Scene key='root' tabs={true} unmountScenes
      component={connect(stateToProps)(Switch)}
      selector={props => props.isLoggedIn ? 'tabBar' : 'login'}>
    <Scene key='splash' component={Splash} title=''
      hideNavBar={false} />
    <Scene key='login' component={Login} title=''
      hideNavBar={true} />
    <Scene key='signup' component={Signup} title='Signup'
      hideNavBar={false} />
    <Scene key="tabBar" tabs icon={TabbarIcon} tabBarStyle={styles.tabBarStyle}>
      <Scene key='home' component={Home} title='Home' initial={true}
        icon={TabbarIcon} />
      <Scene key='diary' component={Diary} title='Diary'
        icon={TabbarIcon} />
      <Scene key='cabinet' component={Cabinet} title='Cabinet'
        icon={TabbarIcon} />
    </Scene>
  </Scene>
);

更新:这个已经关闭了，因为我修复了这个问题。谢谢你的帮助。

Answer 1

应该从除tabBar之外的任何场景中移除tabs属性。还要从tabBar场景中移除icon属性。其他一切看起来都很好。

这应该是可行的：

const scenes = Actions.create(
  <Scene key='root' unmountScenes
      component={connect(stateToProps)(Switch)}
      selector={props => props.isLoggedIn ? 'tabBar' : 'login'}>
    <Scene key='splash' component={Splash} title=''
      hideNavBar={false} />
    <Scene key='login' component={Login} title=''
      hideNavBar={true} />
    <Scene key='signup' component={Signup} title='Signup'
      hideNavBar={false} />
    <Scene key="tabBar" tabs tabBarStyle={styles.tabBarStyle}>
      <Scene key='home' component={Home} title='Home' initial={true}
        icon={TabbarIcon} />
      <Scene key='diary' component={Diary} title='Diary'
        icon={TabbarIcon} />
      <Scene key='cabinet' component={Cabinet} title='Cabinet'
        icon={TabbarIcon} />
    </Scene>
  </Scene>
);