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,118評論 25 708
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,881評論 18 139
  • 網絡請求 定位: 權限:
    LYSNote閱讀 680評論 0 1
  • 1.從本篇文章中我學到的最重要的概念 有一些英語的讀法技巧是需要記憶的,掌握了之后會對做聽力有幫助。 2.我在本片...
    201吳曉歡閱讀 245評論 5 0
  • 有生之年,但愿有一天,我能夠在6點鐘自然醒。當然,最好那是太陽爬出來很早的夏天,于是,我可以站在歐洲的某座莊園的大...
    海雕戰士閱讀 320評論 0 2