You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 01:13:10