为什么 <Image> 中的 onError 每次都调用,即使 Image uri 在 react native 中为真?
Why onError in <Image> calls every time even if Image uri is true in react native?
如果基于 URL 的图像加载失败,我想加载静态图像。我已经使用 onError 方法来实现这一点。但是即使 URL 是正确的,每次都会调用 onError 方法请任何解决方案,这是我的代码......
<Image onError={(e)=>{
console.log('-=-=-=-=-=',e)
this.setState({profileimage:`${Config.SOURCE_URL}resize/45x45/not_found_images/NoImage-user.png`})
}}
source={{ uri: `${this.state.profileimage}` }} />
我们需要更多信息:
- 为什么元素的标签是
Image
?图片的 html 标签是 img
profileimage
的初始状态是什么?
尝试将您的示例更改为以下代码:
<img onError={e => {/*set fallback image*/}} source={this.state.profileimage} />
如果基于 URL 的图像加载失败,我想加载静态图像。我已经使用 onError 方法来实现这一点。但是即使 URL 是正确的,每次都会调用 onError 方法请任何解决方案,这是我的代码......
<Image onError={(e)=>{
console.log('-=-=-=-=-=',e)
this.setState({profileimage:`${Config.SOURCE_URL}resize/45x45/not_found_images/NoImage-user.png`})
}}
source={{ uri: `${this.state.profileimage}` }} />
我们需要更多信息:
- 为什么元素的标签是
Image
?图片的 html 标签是img
profileimage
的初始状态是什么?
尝试将您的示例更改为以下代码:
<img onError={e => {/*set fallback image*/}} source={this.state.profileimage} />