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

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