React-Native Image resizeMode 包含在 Android 上不起作用答案

【问题标题】：React-Native Image resizeMode contain doesn't work on AndroidReact-Native Image resizeMode 包含在 Android 上不起作用
【发布时间】：2017-02-01 06:42:31
【问题描述】：

我正在使用下面的代码行在我的应用程序的全窗口中显示图像

<View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
  <Image source={avatarSource}
    style={{width, height}}
    resizeMode={Image.resizeMode.contain} />
</View>

avatarSource 是一个 base64 编码的图像字符串。当应用程序启动时，仅下载所有图像的缩略图，如果用户单击头像，则显示完整图像，类似于 Whatsapp。如果完整图像不存在，则最初在全屏上加载缩略图并从服务器下载完整图像，然后在下载完整图像后更新avatarSource，结果，完整图像是显示在视图中。这件事在 iOS 上无缝运行，但在 Android 上，一旦下载完整图像，Image 组件会自行更新，但不会渲染任何内容，我只看到一个白屏。如果我从Image 中删除resizeMode，则Image 组件会正确更新，但我认为默认resizeMode 是cover，因此图像的某些部分被剪裁了。

如果您遇到此问题或/并有一些解决方案，请分享。提前致谢！

【问题讨论】：

你可以试试不使用 ımage 风格的宽度和高度

标签： react-native

【解决方案1】：

使用 resizeMode: "contain" 作为样式的一部分，所以： style={{width, height, resizeMode: "contain"}}

【讨论】：