Osheep

时光不回头,当下最重要。

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

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

现象

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

代码

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

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

原因

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

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

点赞