FlutterFlow中实现点击容器时重复显示Lottie动画
FlutterFlow中Lottie动画点击重复显示的解决方案
给Lottie组件添加动画结束回调
找到Lottie组件的高级属性面板,设置「On Animation Completed」动作:选择「Set State」,将animationshown变量重置为false。确认Lottie动画非循环播放
在Lottie组件的基础属性里,关闭「Loop」选项——如果动画循环,永远不会触发结束回调,变量也就无法重置。保留原有容器点击逻辑
容器的点击动作维持不变:点击时将animationshown设为true,触发Lottie显示播放。
这样调整后,每次点击容器,animationshown变为true,Lottie播放;播放完毕后变量自动回到false,下次点击就能再次触发动画显示。
内容的提问来源于stack exchange,提问作者ysfomari
相关产品推荐
相关产品推荐

