React Native 标签栏 iOS 图标未显示

Question

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

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

图标不显示。图标保存为

home.png、home@2x.png & home@3x.png

.

我尝试了各种尺寸，例如

30x30、60x60、50x50

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

Answer 1

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