harmony OS NEXT-Image组件如何引用网络图片

  "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]

https://img-blog.csdnimg.cn/img_convert/0bac102fe78698223fd63e80deee14b2.png"

@Entry
@Component
struct ImageExample {
  //Contain:保持宽高比例进行缩小或者放大，使得图片完全显示在显示边界内
  //Cover(默认值):保持宽高比进行缩小或者方法，使得图片两边都大于或等于显示边界
  //Auto:自适应显示
  //Fill:不保持宽高比进行放大或缩小，使图片充满显示边界
  //ScaleDown 保持宽高比显示，图片保持或者保持不变
  build() {
      Column() {
        Row() {
    Image("https://img-blog.csdnimg.cn/img_convert/0bac102fe78698223fd63e80deee14b2.png")
            .objectFit(ImageFit.Contain)
        }.width('100%')
      }.height('100%')
    .justifyContent(FlexAlign.Center)
    .backgroundColor(Color.Pink)
  }
}

Image("https://www.example.com/xxx.png")// 直接加载网络地址，请填写一个具体的网络图片地址

        .alt($r('app.media.icon'))// 使用alt，在网络图片加载成功前使用占位图

        .width(100)

        .height(100)

@Entry
@Component
struct ImageExample {
  //Contain:保持宽高比例进行缩小或者放大，使得图片完全显示在显示边界内
  //Cover(默认值):保持宽高比进行缩小或者方法，使得图片两边都大于或等于显示边界
  //Auto:自适应显示
  //Fill:不保持宽高比进行放大或缩小，使图片充满显示边界
  //ScaleDown 保持宽高比显示，图片保持或者保持不变
  build() {
      Column() {
        Row() {
    Image("https://img-blog.csdnimg.cn/img_convert/0bac102fe78698223fd63e80deee14b2.png")
      .alt($r('app.media.icon'))// 使用alt，在网络图片加载成功前使用占位图
      .width(400)
      .height(400)
            .objectFit(ImageFit.Contain)
        }.width('100%')
      }.height('100%')
    .justifyContent(FlexAlign.Center)
    .backgroundColor(Color.Pink)
  }
}