修改heic图片展示demo

Signed-off-by: 2206069183@qq.com <2206069183@qq.com>

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 2.2.0-rc.2
+- ImageKnife支持heic图片修改demo，按钮控制组件是否展示
+
 ## 2.2.0-rc.1
 - 修改ImageKnife跳过网络,点击默认,图片没有传入宽高,无显示bug
 - ImageKnife支持根据自定义key获取已缓存的图片

entry/src/main/ets/pages/testImageKnifeHeic.ets

@@ -28,17 +28,14 @@ struct testImageKnifeHeic {
   @State flag: boolean = true;
 
   build() {
-    Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
+    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center }) {
       Button("heic图片测试")
         .onClick(() => {
           this.flag = !this.flag
-          if (this.flag) {
-            this.imageKnifeOption1.errorholderSrc = $r('app.media.icon_loading')
-          } else {
-            this.imageKnifeOption1.errorholderSrc = $r('app.media.icon_failed')
-          }
         }).margin({ top: 15 })
-      ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption1 }).width(300).height(300)
+      if(this.flag) {
-    }.width('100%').height(300).backgroundColor(Color.Pink)
+        ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption1 }).width(300).height(300)
+      }
+    }.width('100%').height(400).backgroundColor(Color.Pink)
   }
 }