如果远程映像失败,是否可以加载本地映像?
例如,我有以下代码:
<Image style={ styles.userImage }
source={ { uri: http://example.com/my_image.jpg } }
onError={(error) => ...}
/>
例如,如果我没有访问http://example.com/my_image.jpg
的权限,我将在onError
中得到一个错误.加载本 map 像有没有办法?
如果远程映像失败,是否可以加载本地映像?
例如,我有以下代码:
<Image style={ styles.userImage }
source={ { uri: http://example.com/my_image.jpg } }
onError={(error) => ...}
/>
例如,如果我没有访问http://example.com/my_image.jpg
的权限,我将在onError
中得到一个错误.加载本 map 像有没有办法?
使用组件的状态.在构造函数中设置初始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) }
/>