react-native - 使用反应原生路由器通量添加顶部和底部选项卡

Question

我想使用反应原生路由器通量在我的应用程序中添加顶部和底部选项卡。现在我可以添加顶部或底部选项卡。

我尝试将 tabBarPosition={'top'} 和 tabBarPosition={'bottom'} 用于同一场景。

<Router>
            <Scene key='root' headerMode={'none'}>
            <Scene key='auth' headerMode={'none'}>
            <Scene key='login' component={LoginForm} title="Please Login" initial />
            </Scene>
            <Scene 
            key='main' 
            headerMode={'screen'} 
            tabs 
            tabBarPosition={'bottom'} 
            tabBarStyle={{ color: '#FFFFFF' }}
            >
            <Scene
            onLeft={() => Actions.profile()} 
            leftTitle='Profile'
            onRight={() => Actions.events()} 
            rightTitle='Events' 
            key='home'
            component={Home} 
            title='Home'
            icon={TabIcon}
            initial
            />
            <Scene
            key='profile'
            rightTitle='Message' 
            component={Profile} 
            title='Profile'
            icon={TabIcon}
            />
            <Scene
            key='events'
            rightTitle='Message' 
            component={Events} 
            title='Events'
            icon={TabIcon}
            />
            </Scene>
            </Scene>
        </Router>
''''

标签： react-nativereact-native-router-flux