React Native 自定义 TabBarIOS 样式答案

【问题标题】：React Native Customize TabBarIOS StyleReact Native 自定义 TabBarIOS 样式
【发布时间】：2016-09-25 04:09:51
【问题描述】：

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

您可以看到图标更靠近顶部。我正在尝试调整它，使它们在垂直方向上更多地位于中心。

我试图做类似的事情 -

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

但填充调整没有反映。我也尝试调整高度、边距和其他东西，但风格似乎根本没有体现出来。我在这里错过了什么吗？这能做到吗？

提前致谢！

【问题讨论】：

标签： ios xcode tabbar react-native

【解决方案1】：

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

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

【讨论】：