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}} />