昨天晚上遇到了一個特別糾結的問題,今天白天也糾結了很久,那就是Image標簽無法加載網絡圖片了,讓我一度懷疑人生。
雖然最終發現是自己犯了一個很低級的錯誤,但是畢竟糾結了很久,所以特此記錄一下,提醒自己以后不要再犯類似錯誤。
現象
寫一個列表組件的demo,用Image標簽展示海報,但是發現自己寫的Image標簽可以顯示本地圖片,但是一旦加載url就什么都不顯示了。
代碼
代碼差不多就是下面的樣子:
<Image source={{uri: 'http://......jpg'}} sytle={{width: 200, height: 230}} />
原因
到這里,細心的同學可能已經發現了,原因就是屬性style
拼寫錯誤。
本人使用的WebStorm編輯器,坑爹的是標簽里面的屬性沒有拼寫檢查,不然也不會這么個低級問題查了很久。