如何在 React Native 上使用 TabBarIOS 更改背景颜色？答案

【问题标题】：How to change background color using TabBarIOS on React Native?如何在 React Native 上使用 TabBarIOS 更改背景颜色？
【发布时间】：2015-06-28 07:45:26
【问题描述】：

有人可以帮忙吗？

我尝试了许多不同的方法，但仍然无法正常工作......

我使用了 react-native-icons，它可以更改背景，但我找不到将图标更改为我自己的图像的方法...

【问题讨论】：

我问了类似的问题：stackoverflow.com/questions/29322721/…，有人指出自定义图标/图像还不能使用。所以在这一点上我认为“最好”的解决方案是通过扩展标签栏解决方案来创建自定义组件。

标签： javascript ios react-native

【解决方案1】：

您可以在“react-native-icons”中更改背景颜色。

您只能从图标字体中选择图标。

<SMXTabBarItemIOS
   name="home"
   iconName={'ion|ios-home-outline'}
   title={'Home'}
   iconSize={30}
   ...
   ...
</SMXTabBarItemIOS>

目前无法将非活动标签文本/图标颜色从 iOS 默认灰色更改。您只能通过“tintColor”更改活动/选定的选项卡文本/图标颜色。

【讨论】：