![](https://img.haomeiwen.com/i15343621/04dfd0bebf96b4f1.png)
1.cover:(默认)
等比例填充image设定的宽高,图片可能会有裁剪:
![](https://img.haomeiwen.com/i15343621/e08a92641babc435.png)
2.stretch:
非等比例填充image设定的宽高,图片不会被裁剪,但可能会变形、拉伸:
![](https://img.haomeiwen.com/i15343621/bbda2838200ebd56.png)
3.contain:
等比例填充image设定的宽高,图片不会被裁剪,控件区域可能会有留白:
![](https://img.haomeiwen.com/i15343621/763c43288841bbb1.png)
4.center:
图片原大小居中:
![](https://img.haomeiwen.com/i15343621/7ba905abeeb6cc6e.png)
5.repeat:
图片原大小重复:
![](https://img.haomeiwen.com/i15343621/36b9411bb98cd62d.png)
1.cover:(默认)
等比例填充image设定的宽高,图片可能会有裁剪:
2.stretch:
非等比例填充image设定的宽高,图片不会被裁剪,但可能会变形、拉伸:
3.contain:
等比例填充image设定的宽高,图片不会被裁剪,控件区域可能会有留白:
4.center:
图片原大小居中:
5.repeat:
图片原大小重复:
本文标题:react-native Image resizeMode 属性
本文链接:https://www.haomeiwen.com/subject/ztzedqtx.html
网友评论