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

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

HarmonyOS
2024-06-04 00:21:21
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
走在河边捡到鱼

可以在图片加载失败的回调中将图片的占位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组件如何加载网络图片
4499浏览 • 1回复 待解决
HarmonyOS Image加载网络图片
997浏览 • 1回复 待解决
HarmonyOS Image组件网络图片不显示
1735浏览 • 1回复 待解决
请问Image控件是怎样设置网络图片
11570浏览 • 3回复 已解决
服务卡片image怎么获取网络图片
8466浏览 • 2回复 待解决
HarmonyOS 获取网络图片高度
921浏览 • 1回复 待解决
HarmonyOS Image组件网络图片缓存
1272浏览 • 1回复 待解决
HarmonyOS Image组件无法显示网络图片
3585浏览 • 1回复 待解决
HarmonyOS Image 加载网络图片问题
2289浏览 • 1回复 待解决
关于Image组件加载网络图片的问题
2210浏览 • 1回复 待解决
HarmonyOS 获取网络图片PixelMap
1056浏览 • 1回复 待解决
如何获取网络图片的尺寸?
1373浏览 • 1回复 待解决
HarmonyOS 请求网络图片
1339浏览 • 1回复 待解决
HarmonyOS 网络图片加载控件
961浏览 • 1回复 待解决
如何保存网络图片到相册
2063浏览 • 1回复 待解决
HarmonyOS 使用picker保存网络图片
819浏览 • 1回复 待解决