1 加载网络图片
通过uri就可以加载网络图片
<Image source={{uri:'http://facebook.github.io/react/img/logo_og.png'}} style={{ 40, height: 40, marginLeft: 8, marginRight: 8}} />
2 加载本地图片
加载本地图片需要分两步:
-
在原生平台的开发工具中导入图片资源:如加载
myiconiOS平台导入静态图片:
Android平台需要在srcmain esdrawable中加入图片资源 -
通过
require(image!myicon)的方式加载图片<Image source={require('image!myicon')} style={{ 40, height: 40, marginLeft: 8, marginRight: 8}} />