如何解决如何检查本机动画是否已完成动画
我正在使用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 举报,一经查实,本站将立刻删除。