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