Page 1 of 1

【物料需求迭代】MiniLottie 支持播放进度设置(类似RN里面的lottie组件的属性progress)

Posted: 2025年 Feb 19日 15:36
by doomty

【需求背景】一个动画json文件包含5个步骤,通过设置不同的播放进度,进而达到播放不同步骤的动画
【伪代码示例】
const [progress, setProgress] = useState(0);
// 新增progress属性(0代表播放至0%, 0.5代表播放至50%, 1代表播放至100%)
// lottie组件根据progress的变化量进行播放,例如0.5->0.7,那么动画从50%播放到70%停止;反之0.7->0.5,则动画从70%倒退至50%(有中间动画过程,不是瞬间切换)
<RayMiniLottie source={data.json} progress={progress} />


Re: 【物料需求迭代】MiniLottie 支持播放进度设置(类似RN里面的lottie组件的属性progress)

Posted: 2025年 Feb 19日 15:49
by crisiron

感谢反馈,内部正在评估实现方案,有进度会在这里及时回复


Re: 【物料需求迭代】MiniLottie 支持播放进度设置(类似RN里面的lottie组件的属性progress)

Posted: 2025年 Jun 24日 10:54
by crisiron

由于当lottie动画json文件过大时, 数据层与视图层传递数据过多会导致页面性能下降,这个组件先不做迭代,建议先直接使用Rjs 方式实现,性能更好 https://developer.tuya.com/cn/miniapp/d ... 9%E6%B3%95