ReactNative——Iamge的大學問

怎麼用？？

先說幾種加載方式

1本地圖片

<Image source={require('./my-icon.png')} />

2原生資源圖片（android爲例）

 <Image source={{uri: 'asset:/app_icon.png'}} style={{width: 40, height: 40}} />

3網絡圖片

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

注：必須指定圖片大小；ios僅支持https；

iOS http處理：

這裏寫代碼片

平臺和不同分辨率如何適配呢？？

如果你有my-icon.ios.png和my-icon.android.png，Packager就會根據自動選擇針對不同平臺的文件。

你還可以使用@2x，@3x這樣的文件名後綴，來爲不同的屏幕精度提供圖片

知道了基本用法事不夠的，項目當中可能還有以下各種問題：

1預加載佔位符：圖片暫未加載出來之前顯示的那個。

？？？或者顯示一個loading 的加載圖。

2圖片加載失敗，默認的圖片如何顯示

3圖片url本身就沒有？？？

三目運算符解決