React 本机错误图像显示空白答案

【问题标题】：React native bug image shows blankReact 本机错误图像显示空白
【发布时间】：2017-04-13 18:38:06
【问题描述】：

我有一个简单的 react-native 应用程序，可以在组件中加载图像。该组件使用标准的 Image 组件。

 <Image source={this.state.ImageSource} style={styles.image} />

我有以下初始化 ImageSource 的代码。

componentDidMount() {
    this.setState({ImageSource: {uri: this.props.imageurl}});
}

图像源是一个带有 uri 的对象，例如，{ uri: '@987654321@'}。

大小小于 1MB 的图像可以毫无问题地加载。 1MB 或更大的图像似乎永远呈现为空白图像的问题。

我尝试使用包 react-native-image-progress，它具有相同的行为，对于加载指示器不断显示的较大图像同样失败......

我正在使用 Android 4.1.2 的低端 LG 智能手机进行测试。但是在 Google Chrome 浏览器中，这款手机可以毫无问题地显示大小图像。

我尝试使用 android:largeHeap="true" 解决此问题，但这并没有导致行为发生任何变化。缩小图像使它们能够加载，但我需要显示大图像和小图像。

感谢您的帮助。

【问题讨论】：

标签： react-native react-native-android

【解决方案1】：

你可以试试这个

componentDidMount() {
  this.setState({ImageSource:this.props.imageurl});
}

<Image source={{uri: this.state.ImageSource}} style={{width: 400, height: 400}}/>

【讨论】：

您好 Ganesh，感谢您的回复。我尝试了许多组合来设置源，包括用于测试的硬编码 URI，但问题仍然存在。我确定这不是因为我设置源的方式。 styles.image 对象还包含宽度和高度。
facebook.github.io/react-native/docs/image.html 尝试使用 url 复制相同的内容。然后根据您的要求修改代码。如果这有效，则意味着您的代码没有问题。或者分享我将尝试在我的示例中加载的网址。