Question

如何更改标签栏的位置？我希望很多应用程序都需要在顶部上设置一个标签栏，而不是在底部有一个标签...

我期待这样的事情：

<Router createReducer={reducerCreate}>
    <Scene key="somekey" tabs={true} 
        tabBarStyle={{position:'top'}}>         <==  How do I do this?

             # My tabs here as scenes

    </Scene>
</Router>

Answer 1

因为tabBar具有绝对定位。您必须设置 top 属性。

tabBarStyle={{top:0}}

您必须考虑状态栏的高度和NavBar的高度，才能获得正确的定位。

p.s：我不知道你是否意识到这一点，但避免使用内联样式。如果仅仅是为了这个例子，请忽略我的建议。：P

Answer 2

您还可以使用属性：

tabBarPosition ='top'

<Scene tabBarPosition='top' tabs={true} key="myTabBar" >

查看文档 https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md#tabs-tabs-or-scene-tabs

react-native-router-flux tabbar位置顶部

2 个答案: