react native 开发注意点 (持续更)

接触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
  }

猜你喜欢

转载自blog.csdn.net/m0_37682004/article/details/79944422