反应本地错误图像显示空白

我有一个简单的反应原生应用程序，它可以加载组件中的图像。该组件使用标准的Image组件。反应本地错误图像显示空白

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

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

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

图像来源是带有uri的对象，例如{ uri: ' http://localip:123/controller/imageaction/imageid '}。

尺寸小于1MB的图像没有问题。 1MB或更多的图片似乎有问题，它们将永远呈现为空白图像。

我用包的反应，本机图像的进步，它具有相同的行为，同样没有对于其中加载指示灯一直显示更大的图片...

我一个缓慢的测试低端的尝试LG聋哑智能手机与Android 4.1.2。但在Google Chrome浏览器中，这款手机能够毫无问题地显示大小图片。

我试图解决这个问题，使用android：largeHeap =“true”但这并没有导致行为的任何改变。图像缩小使其能够加载，但我需要显示大图像和小图像。

感谢您的任何帮助。

来源

2016-11-29 Mzn

你可以试试这个

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

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

来源

2016-11-30 12:29:46

嗨Ganesh神，感谢您的回复。我尝试了很多组合来设置源代码，包括用于测试的硬编码的URI，并且问题仍然存在。我相信这不是因为我是设置源的方式。 styles.image对象也包含宽度和高度。 – Mzn

https://facebook.github.io/react-native/docs/image.html尝试使用该网址进行复制。然后根据你的要求修改代码。如果这个工作，这意味着你的代码没有问题。或者分享我将尝试加载到我的示例中的网址。 –

反应本地错误图像显示空白

回答

相关问题