我想在react-native中出现垂直图像时使用“contain”功能,在出现水平图像时使用“stretch”功能。如何检查水平或垂直状态?例如:
<Image resizeMode={status==horizantal?'contain':'stretch'} />
knpiaxh11#
我将在条件呈现函数中处理这个问题,并使用Image类中的静态getSize方法计算大小,如下所示:
Image
getSize
buildImage = (imageUri) => { Image.getSize(imageUri, (width, height) => { if (width > height) { //image is horizontal return [<Image resizeMode={'contain'}/>]; } else { //image is vertical return [<Image resizeMode={'stretch'}/>]; } }); return []; } render() { return( {this.buildImage(this.state.image)} ) }
getSize文档以供参考。
1条答案
按热度按时间knpiaxh11#
我将在条件呈现函数中处理这个问题,并使用
Image
类中的静态getSize
方法计算大小,如下所示:getSize文档以供参考。