【物料需求迭代】MiniLottie 支持播放进度设置(类似RN里面的lottie组件的属性progress)
Posted: 2025年 Feb 19日 15:36
【需求背景】一个动画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} />