如何在react native中调整图像的大小?

时间:2018-09-24 13:59:03

标签: javascript css reactjs react-native

我使用的是logo.png,如果width: 50height: 50(请参见屏幕快照_1),则在整个图像上只能看到图像的一部分。现在,如果width: 100height: 50(请参见屏幕快照_2)可以看到整个图像,但是我希望整个图像都具有较小的尺寸,我该怎么做?我尝试了不同的width和height值,但是行不通吗?

原始图片尺寸为:50 X 26

屏幕截图1:

enter image description here

截屏2:

enter image description here

1 个答案:

答案 0 :(得分:2)

在图像样式中使用名为resizeMode:'contain'的属性并提及您的宽度和高度

<Image style={{width:'your_width',height:'your_height',resizeMode:'contain'}} />

希望有帮助