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

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

现象

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

代码

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

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

原因

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,004评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,860评论 18 139
  • 网络请求 定位: 权限:
    LYSNote阅读 680评论 0 1
  • 1.从本篇文章中我学到的最重要的概念 有一些英语的读法技巧是需要记忆的,掌握了之后会对做听力有帮助。 2.我在本片...
    201吴晓欢阅读 245评论 5 0
  • 有生之年,但愿有一天,我能够在6点钟自然醒。当然,最好那是太阳爬出来很早的夏天,于是,我可以站在欧洲的某座庄园的大...
    海雕战士阅读 320评论 0 2