美文网首页程序员
RN研发记(四):Image不显示网络图片

RN研发记(四):Image不显示网络图片

作者: tengxp | 来源:发表于2017-09-08 20:56 被阅读527次

昨天晚上遇到了一个特别纠结的问题,今天白天也纠结了很久,那就是Image标签无法加载网络图片了,让我一度怀疑人生。
虽然最终发现是自己犯了一个很低级的错误,但是毕竟纠结了很久,所以特此记录一下,提醒自己以后不要再犯类似错误。

现象

写一个列表组件的demo,用Image标签展示海报,但是发现自己写的Image标签可以显示本地图片,但是一旦加载url就什么都不显示了。

代码

代码差不多就是下面的样子:

<Image source={{uri: 'http://......jpg'}} sytle={{width: 200, height: 230}} />

原因

到这里,细心的同学可能已经发现了,原因就是属性style拼写错误。

本人使用的WebStorm编辑器,坑爹的是标签里面的属性没有拼写检查,不然也不会这么个低级问题查了很久。

相关文章

  • RN研发记(四):Image不显示网络图片

    昨天晚上遇到了一个特别纠结的问题,今天白天也纠结了很久,那就是Image标签无法加载网络图片了,让我一度怀疑人生。...

  • React Native 清空Android图片缓存

    在RN中Android项目中通过Image标签去显示网络图片,但是由于RN原生并没有提供去清除缓存的api,所以需...

  • 从零学React Native之08Image组件

    开发过程中, 几乎每个项目都会用到图片.RN就是通过Image组件显示图片。既可以加载网络图片,也可以加载本地资源...

  • React-Native JS 加载原生组件(iOS)

    举例:在RN中,使用image加载网络图片,但是RN的image是没有缓存效果的;原生中, 使用的是SDWebIm...

  • 3. Image组件

    Image Image.network(): 加载远程图片Image.asset(): 加载本地图片 显示网络图片...

  • Flutter第三方插件

    图片 Image Picker - 图片选择器 Cached network image - 显示来自网络的图像并...

  • RN图片插件Image显示模式

    1,resizeMode介绍 (1)当Image组件的实际宽、高与图片的实际宽、高不符时,要如何显示图片由样式定义...

  • Flutter(三)Image

    用于图片显示的Widget,常用类别: Image.asset 资源图片 Image.network 网络图...

  • Flutter显示网络图片 2022-12-27 周二

    简介 Image.asset可以显示本地图片资源,这个用得很多。Image.network可以显示网络图片,勉强可...

  • Image

    Image.network(url):从网络加载显示图片、这里需要传入图片的url, Image.file(fil...

网友评论

    本文标题:RN研发记(四):Image不显示网络图片

    本文链接:https://www.haomeiwen.com/subject/dppnjxtx.html