至于svg也是一種矢量圖，可以透過如react-native-svg擴(kuò)展支持，不過它會(huì)用在圖表顯示為主。

目前React Native內(nèi)支持的圖片格式有jpg, png，也可支持gif, webp，不過Android需要額外加裝模組才能支援gif與webp。參考https://facebook.github.io/re...

圖標(biāo)是矢量的，不會(huì)失真。圖片就不行。react-native-vector-icons是可以按需加載的，而且體積也不大。

按你的問題來說可以用Icon組件，也可以用Image組件，看需求都有支持。也可以用@2x與@3x指示高解析的圖片。

Icon的使用可以零失真而且無版權(quán)問題，但缺點(diǎn)是色彩單一而且需要載入字體，圖標(biāo)字體檔不會(huì)太大，以FontAwesome有600多圖標(biāo)來說，只有149kb，MaterialIcons有900多圖標(biāo)，125kb。你可以選擇其中一種使用，不混用以降低安裝包大小。當(dāng)然你也可以用自訂圖標(biāo)字體，來減少安裝包體積。

總結(jié)

以上是生活随笔為你收集整理的在React Native的项目里的图片是使用Icon组件还是直接用Image组件实现？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。