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

oPo*_*olo 0 reactjs react-native

我希望有精通 React Native 的人可以帮助我。

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

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

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

如果有帮助,那么我目前正在使用以下React Native版本: react-native:0.54.4 (以及react-native-cli:2.0.1)。

问题图片(注意蓝色框和其中错误缩放的图像): 在此输入图像描述

K.W*_*.Wu 5

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

<Image
    style={{ ... }}
    source={{ ... }}
    resizeMode='contain'
/>
Run Code Online (Sandbox Code Playgroud)