React Native 标签栏 iOS 图标未显示

Posted 2023-03-22

【中文标题】React Native 标签栏 iOS 图标未显示

【英文标题】：React Native Tab bar iOS icon not showing

【发布时间】：2015-12-01 04:09:36

【问题描述】：

我已经设置了一个 Tabbar ios，它显示系统图标很好，当我使用 systemIcon="search" 但当我使用我自己的图标时

icon=
   require("./images/home.png")
 

图标不显示。图标保存为

home.png、[e-mail] & [e-mail]

.

我尝试了各种尺寸，例如

30x30、60x60、50x50

但它们都只显示一个灰色方块，选中后会变成蓝色。图标保存为 24 位 png。不知道有什么问题。我什至在模拟器上用不同的设备尝试过，但结果都一样。

【问题讨论】：

在 Xcode 中，我们应该始终将图像上传为 .jpg 而不是 .png

【参考方案1】：

您的主图像中需要透明色。具有纯色背景的图像变为灰色。图标的轮廓很重要。