react–native 网络图片高度自适应
在做类似商城项目时,商品详情页图片每个大小不一,必须让宽度自适应屏幕
在react-native官网提供了一个getSize()方法来获取网络图片大小,详情请见官网
这个方法没有返回值,计算的值只能存进state
response.body.data.productDescImages.map((item)=>{
Image.getSize(item.url,(width,height)=>{
let DescImages = this.state.productDesImage
DescImages.push({
url: item.url,
height: Math.floor(screenWidth/width*height)
})
this.setState({
productDesImage: DescImages
})
})
})
response.body.data.productDescImages是通过请求接口返回的图片数组