为什么 <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} />