React-native Image ResizeMode：包含不起作用答案

【问题标题】：React-native Image ResizeMode:Contain not workingReact-native Image ResizeMode：包含不起作用
【发布时间】：2018-09-13 08:20:42
【问题描述】：

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

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

我附上了一张显示视图尺寸的图片（蓝色边框视图）。根据视图上的蓝色边框，视图的尺寸是正确的，但图像未调整大小以适合它。

有人可以弄清楚我在这里做错了什么，还是我在框架中遇到了错误？（我想这是一个相当新的框架，所以我猜这实际上可能会发生）。

如果有帮助，那么我目前正在使用以下 React Native 版本： 反应原生：0.54.4 （以及 react-native-cli: 2.0.1 值得）。

问题图片（注意蓝色框和其中缩放错误的图像）：

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

非常感谢！您的反馈以及我在这里找到的内容stackoverflow.com/questions/29476165/…，我可以看到他们使用“flex: 1”作为图像本身的样式，也起到了作用。谢谢。