如果远程图像失败,是否可以加载本地图像?
<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) } />
原文地址:https://www.jb51.cc/react/300780.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。