HarmonyOS 自定义控件的aboutToAppear生命周期里执行animateTo动画没有效果
大致的原因推测可能是因为aboutToAppear在build之前,目前在aboutToAppear中加setTimeout可以解决该问题,setTimeout感觉无法完全保证将动画执行放到build后,想咨询下有没有更优的解决方案。
@Component
export struct Block {
@Prop blockWidth: Length = 40
@Prop blockHeight: Length = 40
@Prop needDynamics: boolean = true
@Prop blockRadius: Resource | number = $r('app.float.radiusS')
@State opacityValue: number = this.needDynamics ? 0.4: 1
startAnimation () {
if (!this.needDynamics) return
animateTo({
playMode: PlayMode.Alternate,
iterations: -1,
duration: 1000,
}, () => {
this.opacityValue = 1
})
}
aboutToAppear(): void {
// 不加setTimeout动画无效,setTimeout感觉无法完全保证将动画执行放到build后
setTimeout(() => {
this.startAnimation()
}, 0)
}
build() {
Column()
.width(this.blockWidth)
.height(this.blockHeight)
.borderRadius(this.blockRadius)
.backgroundColor($r('app.color.fill2'))
.opacity(this.opacityValue)
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 有没有比aboutToAppear还要早的生命周期
410浏览 • 1回复 待解决
HarmonyOS 自定义组件生命周期回调有没有build执行后的回调
308浏览 • 1回复 待解决
HarmonyOS 有没有比aboutToAppear还要早的生命周期啊?
291浏览 • 1回复 待解决
自定义组件能否获取page的生命周期呢?
215浏览 • 1回复 待解决
自定义组件是否有生命周期可见不可见?
2059浏览 • 1回复 待解决
#鸿蒙通关秘籍#ArkUI中的自定义组件生命周期和页面生命周期有什么区别?
156浏览 • 1回复 待解决
自定义组件没有attach到视图树以及从视图树detach的生命周期
793浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何理解和使用自定义组件的生命周期?
99浏览 • 1回复 待解决
页面与自定义组件之间的生命周期有什么区别?
476浏览 • 1回复 待解决
如何在page中获取UIAbility生命周期做自定义逻辑
1872浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何有效管理 EmbeddedUIExtensionAbility 的生命周期?
79浏览 • 1回复 待解决
#鸿蒙学习大百科#自定义组件的生命周期都有哪些?
351浏览 • 1回复 待解决
HarmonyOS 是否有支持应用生命周期、页面生命周期、组件生命周期Hook的API?
366浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中实现使用NodeController管理自定义节点的生命周期?
106浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中实现自定义渲染组件XComponent的生命周期管理?
105浏览 • 1回复 待解决
HarmonyOS SideBarContainer通过showSideBar来自定义控制展开收起,没有动画效果?
259浏览 • 1回复 待解决
HarmonyOS 有没有全局方法可以监听Component生命周期?
357浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何定义粒子的生命周期?
77浏览 • 1回复 待解决
HarmonyOS 模块生命周期管理
230浏览 • 1回复 待解决
#鸿蒙通关秘籍#怎样确保UIAbility生命周期的正确执行
78浏览 • 1回复 待解决
HarmonyOS 生命周期不触发
47浏览 • 1回复 待解决
监听Ability生命周期
1178浏览 • 1回复 待解决
TabContent 内容的生命周期
394浏览 • 1回复 待解决
可以使用onAppear方法放在组件上,组件完成显示的时候会调用。参考:
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-events-show-hide-V5#示例