react-native – 加载远程映像失败后加载本地映像

发布时间：2020-12-15 20:43:26 所属栏目：百科来源：网络整理

导读：如果远程图像失败,是否可以加载本地图像？例如,我有以下代码： Image style={ styles.userImage } source={ { uri: http://example.com/my_image.jpg } } onError={(error) = ...}/ 例如,我没有访问http://example.com/my_image.jpg的权限,我将在onError中

如果远程图像失败,是否可以加载本地图像？

例如,我有以下代码：

<Image style={ styles.userImage }
       source={ { uri: http://example.com/my_image.jpg } }
       onError={(error) => ...}
/>

例如,我没有访问http://example.com/my_image.jpg的权限,我将在onError中收到错误.有没有办法加载本地图像？

使用组件’状态.在构造函数中设置初始url：

this.state = { image: { uri: 'http://example.com/my_image.jpg' } }

创建onError处理程序：

onError(error){
   this.setState({ image: require('your_local_image.path')})
 }

然后将它们组合在一起：

<Image style={ styles.userImage }
       source={ this.state.image }
       onError={ this.onError.bind(this) }
 />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!