React Native Tab欄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

您的家庭圖片中必須使用透明顏色。 具有純色背景的圖像變為灰色。 圖標的輪廓很重要。