如何实现动态标签使用反应原生路由器通量?

时间:2017-01-16 04:36:08

标签: react-native-router-flux

  • react-native 0.38.1
  • react-native-router-flux 3.37.0

    我想基于身份验证实现动态标签,当用户登录时,显示主页和个人资料标签,否则只显示主页标签

    我使用Switch但不起作用。

     <Scene key="tabbar"
       tabs
       type={ActionConst.RESET}
       initial
       hideNavBar
       tabBarStyle={ styles.tabBar }
       pressOpacity={1}
       default="main">
    
         <Scene key="main"
             title="Home"
             type="switch"
             icon={TabHomeIcon}
             hideNavBar
             component={Main}
             initial/>
    
        <Scene key="profile"
            title="Profile"
            type="switch"
            icon={TabMeIcon}
            hideNavBar
            component={Profile}/>
    </Scene>
    

1 个答案:

答案 0 :(得分:-1)

以下是文档中的示例:

<Scene
    key="root"
    component={connect(state=>({profile:state.profile}))(Switch)}
    tabs={true}
    unmountScenes
    selector={props=>props.profile.sessionID ? "main" : "signUp"}
    >
    <Scene key="signUp" component={SignUp}/>
    <Scene key="main" component={Main}>
</Scene>