React原生自定义TabBarIOS样式

Question

我正在我的应用程序中使用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>

但是填充调整并没有反映出来。我也试着调整了高度、边距和其他东西，但风格似乎根本没有体现出来。我是不是漏掉了什么？这完全可以做到吗？

提前感谢！

Answer 1

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

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