1.加载本地资源:
在使用Image组件时,require方法中图片路径必须是静态字符信息,不能在require()中进行拼接。require后面必须是 固定的字符串
<Image source={require('./images/apple_logo.png')}>
2.访问在iOS项目中Images.xcassets和Android项目中的drawable文件夹中的资源
<Image source={{uri:'apple_logo'} style={{width:40,height:40}}/>
不管是Android还是iOS项目,我们要访问打包App中的资源,设备或者模拟器的软件都是经过Apk或者api安装的。否则是访问不到图片资源。
3.访问网络图片 需要注意的是我们需要制定图片的大小
<Image source={{uri:'http://localhost:8080/JSPatchDataProvider/apple_logo.png'}} style={styles.imageStyle} />
如果图片分辨率过大 也不显示
参考链接:
https://blog.csdn.net/u014484863/article/details/51721605
网友评论