Question

我有一个简单的react-native应用程序，可以在组件中加载图像。该组件使用标准的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或更大的图像似乎存在问题，它们会永久地呈现为空白图像。

我尝试使用package react-native-image-progress，它具有相同的行为，同样失败了更大的图像，其中加载指示器一直显示...

我正在使用Android 4.1.2测试慢速低端LG哑智能手机。但在谷歌Chrome浏览器中，这款手机能够毫无问题地显示大小图像。

我尝试使用android修复此问题：largeHeap =＆＃34; true＆＃34;但这并没有导致行为发生任何变化。缩小的图像使它们能够加载，但我需要显示大图像和小图像。

感谢您的帮助。

Answer 1

你能试试吗

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

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

React原生bug图片显示空白

1 个答案: