React Native Customize TabBarIOS样式

时间:2016-05-27 00:21:09

标签: ios xcode tabbar react-native

我正在我的应用程序中使用TabBarIOS和tabBarIOS.Item实现一个视图。到目前为止一切正常,但似乎没有太多的灵活性来定制它。例如,我想让标签栏更高,或者让图标更低以占据标题空间,因为现在它们浮动到栏的顶部。

您可以看到图标更接近顶部。我试图调整它,使它们更垂直的中心。

enter image description here

我尝试做类似的事情 -

<TabBarIOS>
    <TabBarIOS.Item style={{paddingTop: 30}}> other content here </TabBarIOS.Item>
    <TabBarIOS.Item style={{paddingTop: 30}}> other content here </TabBarIOS.Item>
</TabBarIOS>

但填充调整没有反映出来。我试图调整高度,边距和其他东西,但风格似乎根本没有反映出来。我在这里错过了什么吗?这可以完成吗?

提前致谢!

1 个答案:

答案 0 :(得分:1)

<TabBarIOS>
    <TabBarIOS.Item title=''> content here </TabBarIOS.Item>
</TabBarIOS>

将标题保留为空字符串将使标签栏图标居中。