使用 resizeMode="contain" 道具时图像无法在 react-native 中呈现？答案

【问题标题】：Images fail to render in react-native when using resizeMode="contain" props?使用 resizeMode="contain" 道具时图像无法在 react-native 中呈现？
【发布时间】：2016-06-30 08:11:13
【问题描述】：

我正在使用 reactnative 来制作一个 android 应用程序。我正在使用反应原生路由器通量在应用程序的不同页面之间导航。（正如文档通过调用Actions.PAGENAME() 所表明的那样）。

当每个页面最初加载时一切都很好，但是在导航或浏览应用程序的不同页面一段时间后出现问题，图像开始消失。在这种情况下，我使用图像的地方是空白的。此外，当我在调试模式下多次重新加载应用程序时，也会发生同样的事情。

经过几天的反复试验，我发现这个问题是当我使用 < Image > 组件和道具 resizeMode="contain" 时引起的。如果我使用 resizeMode="cover" ，则问题不存在。但是，我需要这些道具才能正确放置图像，这似乎是唯一的选择。

你们中是否有人遇到过我没有遇到的同样问题？有什么解决办法吗？如果不是，那么有什么替代方案？

【问题讨论】：

我也遇到了同样的问题，请问您找到解决方法了吗？
现在我不再处理 react native @Pouya92 了，这个问题是很久以前发布的，当时 react native 是新的。我不太关注 react 相关的问题。

标签： android react-native

【解决方案1】：

尝试在您的 android 清单应用程序标签中添加 android:largeHeap="true"。就像下面描述的 stackoverflow-answer 一样。这似乎可以创造更好的性能，并且可以解决您的图像加载问题。

React-native: image missing after reloading JS several times

【讨论】：

在发布问题之前，我已经浏览了您的答案中提到的链接和解决方案。但是在 android 清单文件中添加 android:largeHeap="true" 会在应用使用几分钟后导致应用崩溃。在这种情况下，图像会正常显示，但应用程序运行缓慢并最终崩溃。所以我认为这不是正确的解决方案。