如何检查本机动画是否已完成动画

问题描述

我正在使用clock（react-native-reanimated）制作进度计时器动画。它工作正常，但是我想知道进度动画何时完成，因为我想在clock state完成后更改图标名称。

clock config

 const runTiming = (clock,quizDurationTiming) => {
 const state = {
    finished  : new Value(0),position  : new Value(0),frameTime : new Value(0),time      : new Value(0)
};
const config = {
    tovalue  : new Value(1),duration : quizDurationTiming * 10,easing   : Easing.in(Easing.ease)
};

return block([
    cond(
        not(clockRunning(clock)),[
            set(state.time,0),set(state.position,set(state.frameTime,set(config.tovalue,1)
        ],timing(clock,state,config)
    ),state.position
 ]);
};

progresstimer.js

const SpecialTestTimer = ({ quizDurationTiming }) => {
const clock = useClock();
const progress = useValue(0);

useCode(
    () => [
        cond(and(not(clockRunning(clock))),startClock(clock)),set(progress,runTiming(clock,quizDurationTiming))
    ],[]
);
const IsCompleted = CheckAnimationIsCompleteOrNot

return (
    <View style={styles.container}>
        <Progresstimer {...{ progress }} />

        <View style={{ position: 'absolute',right: 5 }}>
            <Icon name={IsCompleted?'progress-complete':'progress-clock'} size={heightToDp('3%')} color={'#ffffff'} />
        </View>
    </View>
 );
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）