如何写精华回答,获更多曝光?
发布
我在一个页面里有个封面Image组件,当我音频播放时,这个组件会旋转,当我暂停的时候,他会停止旋转,我现在实现了以后,如果App在前台状态下,播放或者暂停,动画都可以正常旋转和停止旋转,但是当我开始旋转以后,进入后台,然后通过播控中心暂停音频,此时音频已经暂停,并且执行了我的暂停动画的代码,但是回到前台,发现Image组件还在旋转,这是因为什么?
状态变量:
@State coverRotateAngle: number = 0
Image组件代码:
Image()
.size({ width: 38, height: 38 })
.rotate({angle: this.coverRotateAngle})
旋转动画代码:
private coverAnimate(start: boolean) {
animateTo({
duration: 8000,
curve: Curve.Linear,
iterations: -1,
}, () => {
this.coverRotateAngle = start ? 360 : 0
})
}