Image组件设置使用网络图片,如果网络图片获取不成功,应该如何设置兜底图片

Image组件设置使用网络图片,如果网络图片获取不成功,应该如何设置兜底图片。

HarmonyOS
2024-06-04 00:21:21
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
ssscan

可以在图片加载失败的回调中将图片的占位alt属性设置成兜底图片。

示例代码:

@Entry 
@Component 
struct Page3 { 
  @State message: string = 'Hello World' 
  @State alt: Resource = $r('app.media.app_icon') 
 
  build() { 
    Row() { 
      Column() { 
        Image('https://l.sinaimg.cn/wx1/original/aae7c86cgy1hgppngx0hwg21400u07wp.gif/original.webp') 
          .onError(() => { 
            console.log('demoTest') 
            this.alt = $r('app.media.img') 
          }) 
          .alt(this.alt) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 23:00:33
相关问题
Image组件如何加载网络图片
1036浏览 • 1回复 待解决
请问Image控件是怎样设置网络图片
8981浏览 • 3回复 已解决
服务卡片image怎么获取网络图片
5629浏览 • 2回复 待解决
如何保存网络图片到相册
205浏览 • 1回复 待解决
获取网络图片并保存到相册
404浏览 • 1回复 待解决
页面加载前获取网络图片的宽高
257浏览 • 1回复 待解决
如何显示通过网络加载的图片
1278浏览 • 1回复 待解决
png图片使用Image组件加载出现锯齿
471浏览 • 1回复 待解决
如何设置窗口启动图片
871浏览 • 1回复 待解决
如何使用Image加载沙箱路径图片资源
169浏览 • 1回复 待解决