2017-07-12 43 views
0

我正在顯示反應本機中的圖像列表。由於某些圖像未顯示,因此我發現那些圖像沒有http:// as前綴沒有顯示出來。在這種情況下我們應該做什麼?如果前面沒有前綴http://,則圖片不會顯示

<Image 
      style={{width: 50, height: 50}} 
      source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} 
/> 

對於上述情況顯示。但不適合以下情況

<Image 
       style={{width: 50, height: 50}} 
       source={{uri: 'facebook.github.io/react/img/logo_og.png'}} 
    /> 

回答

0

假設你正在使用的URL來獲取的圖像,然後語法

<Image 
      style={{width: 50, height: 50}} 
      source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} 
/> 

但是,如果你想從本地目錄中使用的圖像,然後使用:

<Image 
      style={{width: 50, height: 50}} 
      source={require('./img/favicon.png')} 
/> 

請參閱this doc瞭解更多信息。

提示:我會要求您分享更多見解,也許會顯示一段代碼,以便答案更有幫助。

+0

更新的問題 –