1

如何改变标签栏的位置？我希望对于许多应用程序，顶部需要有一个标签栏，而不是底部有一个标签栏......

我期待这样的事情：

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

             # My tabs here as scenes

    </Scene>
</Router>
4

2 回答 2

6

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

tabBarStyle={{top:0}}

您必须考虑状态栏的高度和导航栏的高度，才能有正确的定位。

ps：我不知道你是否意识到这一点，但请避免使用inline-styles。如果只是为了举例，请忽略我的建议。:P

于 2016-11-28T02:07:32.187 回答
2

您还可以使用该属性：

tabBarPosition='顶部'

<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

于 2018-12-23T13:49:26.083 回答