接触RN也有一段时间了,从一个小白到一个不是那么小白的小白,开发过程中难免还是会遇到很多忘记掉知识点,或者一不容易就会写错的知识点,可能一个很小的错误,找了半天也不知道是什么原因。大大拖慢开发进程,在这里,个人将一些自己容易犯得错误都记录下来,供大家开发过程中参考参考!
好了,正文开始:
一、Image组件网络请求图片不显示。
出现这种情况很可能是:
1、uri错写成url,特别注意这一点,因为在iOS上可能url是正确的,能够显示图片,但是在android上是错误的,所以,一定要 使用uri
<Image style={[styles.image,]} source={{url:"http://h1.ioliu.cn/bing/DuskyDolphin_EN-AU11918143365_1920x1080.jpg"}}>//错误 </Image> <Image style={[styles.image,]} source={{uri:"http://h1.ioliu.cn/bing/DuskyDolphin_EN-AU11918143365_1920x1080.jpg"}}>//正确 </Image>
2、没有指定image 图片大小,很多要在App中显示的图片并不能在编译的时候获得,又或者有时候需要动态载入来减少打包后的二进制文件的大小。这些时候,与静态资源不同的是,你需要手动指定图片的尺寸
image:{ width:192, height:108, marginBottom:20 }