昨天晚上遇到了一个特别纠结的问题,今天白天也纠结了很久,那就是Image标签无法加载网络图片了,让我一度怀疑人生。
虽然最终发现是自己犯了一个很低级的错误,但是毕竟纠结了很久,所以特此记录一下,提醒自己以后不要再犯类似错误。
现象
写一个列表组件的demo,用Image标签展示海报,但是发现自己写的Image标签可以显示本地图片,但是一旦加载url就什么都不显示了。
代码
代码差不多就是下面的样子:
<Image source={{uri: 'http://......jpg'}} sytle={{width: 200, height: 230}} />
原因
到这里,细心的同学可能已经发现了,原因就是属性style
拼写错误。
本人使用的WebStorm编辑器,坑爹的是标签里面的属性没有拼写检查,不然也不会这么个低级问题查了很久。