react-native Image resizeMode 属性

图片代码

1.cover:(默认)

等比例填充image设定的宽高,图片可能会有裁剪:


cover效果图

2.stretch:

非等比例填充image设定的宽高,图片不会被裁剪,但可能会变形、拉伸:


stretch效果图

3.contain:

等比例填充image设定的宽高,图片不会被裁剪,控件区域可能会有留白:



contain效果

4.center:

图片原大小居中:


center效果

5.repeat:

图片原大小重复:


repeat效果

你可能感兴趣的:(react-native Image resizeMode 属性)