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组件如何加载网络图片
2445浏览 • 1回复 待解决
请问Image控件是怎样设置网络图片
10243浏览 • 3回复 已解决
服务卡片image怎么获取网络图片
6839浏览 • 2回复 待解决
HarmonyOS Image组件无法显示网络图片
705浏览 • 1回复 待解决
HarmonyOS Image组件网络图片不显示
235浏览 • 1回复 待解决
HarmonyOS Image 加载网络图片问题
493浏览 • 1回复 待解决
关于Image组件加载网络图片的问题
391浏览 • 1回复 待解决
如何获取网络图片的尺寸?
331浏览 • 1回复 待解决
HarmonyOS 请求网络图片
300浏览 • 1回复 待解决
获取网络图片并保存到相册
1278浏览 • 1回复 待解决
如何保存网络图片到相册
636浏览 • 1回复 待解决
HarmonyOS 保存网络图片,图库更新
183浏览 • 1回复 待解决
HarmonyOS 保存网络图片至图库问题
103浏览 • 1回复 待解决