反應本地錯誤圖像顯示空白

我有一個簡單的反應原生應用程序，它可以加載組件中的圖像。該組件使用標準的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嘗試使用該網址進行復制。然後根據你的要求修改代碼。如果這個工作，這意味着你的代碼沒有問題。或者分享我將嘗試加載到我的示例中的網址。 –

反應本地錯誤圖像顯示空白

回答

相關問題