React Native解決安卓圖片被擠壓

標籤：com   技術分享   ima   native   style   理解   span   分享   沒有   

Bug如所示:

iOS顯示正常,而安卓出現圖片被擠壓上去.

最後的解決方案:

比如你的 圖片 是 750 x 513 那麼 你設定樣式的時候 width 為 螢幕的寬 ，高度為 螢幕的 寬 / (750 /513)
這樣就保留了原圖的寬高比.

var styles = StyleSheet.create({  // 這裡是拿不到圖片的個數的,需要使用內聯樣式即可    // contentContainer: {    //   width: Util.size.width,    //   height: Util.size.height,    // },    backgroundImage: {      width: Util.size.width,      height: Util.size.width / (750 / 1334),  // 這麼設定是為了:保留了原圖的寬高比,否則安卓會展開    },
});

不理解的是為什麼其他的沒有問題,就是在這個引導頁的實現上出現問題呢?知道的大神級的告訴我喲!!!

 

React Native解決安卓圖片被擠壓