需求原因：因為做商城詳情頁面的圖片長短不一，所以要自適應圖片顯示高度。這個需求就產生了。

getSize方法 傳入imageUri（圖片的uri路徑，支援本地和網路路徑）

Image.getSize(imageUri,(width,height) => {
    //width 圖片的寬度
    //height 圖片的高度
}

演算法：

1.首先獲取手機螢幕寬高

let screenWidth = Dimensions.get('window').width;
let screenHeight = Dimensions.get('window').height;
 

2.獲取網路圖片寬高

Image.getSize(imageUri,(width,height) => {
    //width 圖片的寬度
    //height 圖片的高度
}

3.

演算法一：

圖片寬度（÷）手機螢幕寬度 = 圖片和手機寬度之比。

圖片高度（÷）  圖片和手機寬度之比 = 圖片應在手機上顯示的高度。

注：如果圖片寬度小於手機螢幕，有極大可能會讓圖片失真，這樣的話應當增加判斷（請自行編碼）。

演算法二：

寬度是要適配全屏的，所以要設定圖片的大小，寬度就等於手機螢幕寬度，那麼高度

顯示高度 = Math.floor( 螢幕寬度（÷）(圖片的寬 * 圖片的高));

//方法一程式碼：
Image.getSize(imageUri,(width,height) => {
    //width 圖片的寬度 Math.floor向下取整
    //height 圖片的高度
    let proportion = width/screenWidth;
    let myHeight = height/screenHeight;
}
 

//方法二程式碼：
Image.getSize(imageUri,(width,height) => {
    //width 圖片的寬度
    //height 圖片的高度
    let myHeight = Math.floor(screenWidth/width*height);
}

注：防止小數點後出現過多小數位數，這裡特別用Math.floor進行js小數返回向下取整的整數。

向下取整：

Math.floor(XXX)

XXX = 1.8

Math.floor(XXX)的值就是1

XXX = 1.2

Math.floor(XXX)的值就是1

至此，把圖片Image元件的寬高設定成自定義的寬高就ok了。