干就完了Ｆ槁觥！抒倚！
const Dimensions = require('Dimensions');
const screenW = Dimensions.get('window').width;
//設置圖片寬高--android躬充、ios有兼容
//android
setSize(imgItem) {
let { imgH } = this.state;
let showH;
if (Platform.OS != 'ios') {
Image.getSize(imgItem, (w, h) => {//多張則循環(huán)判斷處理
showH = Math.floor(h / (w / (screenW - 20)));
imgH[i] = showH;
this.setState({ imgH: imgH });
});
}
}
//ios
setSizeIos(imgItem) {
let { imgH } = this.state;
let showH;
if (Platform.OS == 'ios') {
Image.getSize(imgItem, (w, h) => {//同安卓
showH = Math.floor(h / (w / (screenW - 20)));
imgH[i] = showH;
this.setState({ imgH: imgH });
})
}
}
render() {
let { imgH,img } = this.state;
return (
<View style={{flex:1,alignItems:'center',justifyContent:'center'}}>
<Image
onLoadStart={() => { this.setSize(img) }}//多張可多加該圖index參數
onLayout={() => { this.setSizeIos(img) }}
style={{width:screenW-20,height:imgH}}
source={{uri:img}}/>
</View>
)
}
** 注意：為達到適配效果，需要根據具體寬高其一來適配
