React Native兩種加載圖片的方式


1 加載網絡圖片

通過uri就可以加載網絡圖片

<Image source={{uri:'http://facebook.github.io/react/img/logo_og.png'}} style={{width: 40, height: 40, marginLeft: 8, marginRight: 8}} />

2 加載本地圖片

加載本地圖片需要分兩步:

  • 在原生平台的開發工具中導入圖片資源:如加載myicon

    iOS平台導入靜態圖片:
    Android平台需要在src\main\res\drawable中加入圖片資源

  • 通過require(image!myicon)的方式加載圖片

      <Image source={require('image!myicon')} style={{width: 40, height: 40, marginLeft: 8, marginRight: 8}} />


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM