2017-10-06 29 views
0

我的問題是不可見的圖像時,從數據庫或https負荷影像的方式陣營 - 原生Android:標籤<Image>當從數據庫負載或http

<Image style={{width: 25,height: 25}} source={{ uri: 'http://192.168.202.36:81/api/images/12.jpeg' }} /> 

(192.168.202.36:localIp,圖像的大小容量:100-300 KB),它在Android仿真設備中不可見。我嘗試登錄到屏幕,看到圖像鏈接在那裏。我認爲我的程序還沒有及時載入渲染,這是一個異步程序?

+0

如果直接訪問該圖片網址在你的模擬器的瀏覽器中,你能看到它嗎? – LYu

回答

0

圖像在反應原生中可能有點棘手。但是您可以採取幾項措施來排除故障。

  • 確保您的源是有效的: 在你的情況下確保它的

    source={{uri:http://192.168.202.36.81/api/images/12.jpeg}} 
    
  • 確保你能在這個網址與您的真實手機的瀏覽器加載圖像(也可能是您的手機與您的筆記本電腦/服務器不在同一個wifi上)

  • 確保您的圖像實際上在屏幕上可見。有時如果我不確定它是否實際顯示,或者只是爲了確保添加高度/寬度,我喜歡爲元素添加邊框。

這些步驟可以幫助解決React Native中的圖像問題。但如果遇到問題,總要快速檢查documentation

+0

我已經從瀏覽器中獲得圖像成功,並且鏈接已登錄到屏幕,但是我無法在android仿真設備上加載圖像。或者這裏的問題是圖像的大小容量? –

+1

您可以隨時使用公開可用的圖片進行測試,例如來自谷歌圖片或類似圖片的圖片。通過這種方式,您可以確定問題是否是網絡問題(從您的設備與您的服務器通話),還是從反應本機端實際設計/配置不正確。 – Mobius

0
  1. 確保您的URI已正確設置
  2. 設置了手動寬度和高度爲你的形象

一個例子是這樣的

<Image source={{uri: 'uri_address'}} style={{width: 200, height: 200}} />

+0

我爲此添加了樣式,但仍然不可見圖像 –