Why am I getting black screen whenever animation stops

[alexmathew11]

Check this code and please tell me

const isVertical = true
hmUI.setScrollView(true, 300, 4, isVertical);

const imgAnimation = hmUI.createWidget(hmUI.widget.IMG_ANIM, {
  anim_path: '1',
  anim_prefix: 'A',
  anim_ext: 'png',
  anim_fps: 30,
  anim_size: 36,
  repeat_count: 0,
  anim_status: 1,
  x: 1,
  y: 1,
  anim_complete_call: () => {
    console.log('animation complete')
  }
})
imgAnimation.setProperty(hmUI.prop.ANIM_STATUS, hmUI.anim_status.START)
imgAnimation.addEventListener(hmUI.event.CLICK_DOWN, () => {
  const isRunning = imgAnimation.getProperty(hmUI.prop.ANIM_IS_RUNINNG)

  if (!isRunning) {
    imgAnimation.setProperty(hmUI.prop.ANIM_STATUS, hmUI.anim_status.START)
  }
})

hmUI.createWidget(hmUI.widget.BUTTON, {
  x: 140,
  y: 250,
  text: '',
  w: 50,
  h: 50,
  radius: 30,
  normal_color: 0x000000,
  press_color: 0x97cbff,
  click_func: () => {
    hmApp.gotoPage({
      url: "page/192x490_s_l66/index.page2",
      param: "..."
    });
  }
})

const imgAnimation1 = hmUI.createWidget(hmUI.widget.IMG_ANIM, {
  anim_path: '2',
  anim_prefix: 'B',
  anim_ext: 'png',
  anim_fps: 60,
  anim_size: 36,
  repeat_count: 0,
  anim_status: 1,
  x: 1,
  y: 301,
  anim_complete_call: () => {
    console.log('animation complete')
  }
})

imgAnimation1.setProperty(hmUI.prop.ANIM_STATUS, hmUI.anim_status.START)
imgAnimation1.addEventListener(hmUI.event.CLICK_DOWN, () => {
  const isRunning = imgAnimation1.getProperty(hmUI.prop.ANIM_IS_RUNINNG)

  if (!isRunning) {
    imgAnimation1.setProperty(hmUI.prop.ANIM_STATUS, hmUI.anim_status.START)
  }
})

And please also answer this question https://github.com/orgs/zepp-health/discussions/185

[MyoungXUE]

Please refer to our complete animation examples
https://github.com/zepp-health/zeppos-samples/blob/main/application/2.0/showcase/page/ui/widget/img_anim.js