React-native Image ResizeMode:包含不起作用

时间:2018-04-03 21:53:25

标签: reactjs react-native react-native-android

我希望有一些精明的React Native可以帮助我在这里。

我想根据放置的视图的尺寸来调整图像的大小。据我所知,这应该是通过使用" ResizeMode:Contain"来实现的。作为图像上的风格。这应该会导致图像重新缩放以适应周围的视图,如果它太大(根据我的理解)。

我附上了一张显示视图尺寸的图像(蓝色边框视图)。根据视图上的蓝色边框,视图的尺寸是正确的,但图像的大小不适合它。

有人可以弄清楚,我在这里做错了什么,或者我在框架中遇到过错误? (我想这是一个相当新的框架,所以我猜这可能实际发生)。

如果有帮助,那么我目前正在使用以下React Native版本: react-native:0.54.4 (和 react-native-cli:2.0.1 表示它的价值)。

问题图片(注意蓝框和其中错误缩放的图像): enter image description here

1 个答案:

答案 0 :(得分:3)

resizeMode应该用作道具而不是style对象的属性

<Image
    style={{ ... }}
    source={{ ... }}
    resizeMode='contain'
/>