鍍金池/ 問答/HTML/ React Native中的圖片組件加載靜態(tài)資源,圖片名稱含有@2x或@3x報(bào)錯(cuò)

React Native中的圖片組件加載靜態(tài)資源,圖片名稱含有@2x或@3x報(bào)錯(cuò),請(qǐng)問是什么原因?

使用React-native中的Image組件加載靜態(tài)圖片資源報(bào)錯(cuò),刪除圖片名稱中的@2x就能正常運(yùn)行,React Native對(duì)圖片名稱還有要求嗎? 求教,謝謝。

<Image source={require('./image/WX20180523-232003@2x.png')} style={{width:200,heihgt:200}}/>

報(bào)錯(cuò)信息

回答
編輯回答
糖果果

不用寫圖片的 全名,系統(tǒng)會(huì)自己匹配 2x 和 3x

你只寫 @ 符號(hào)前面的名稱

<Image source={require('./image/WX20180523-232003.png')} style={{width:200,heihgt:200}}/>

寫成這要就行了, 圖片名稱保持不變

2017年3月30日 01:15