If an animation is in process of being animated and, for any particular reason, you need to stop it, you can call stopAnimation
. The stopAnimation
call also takes a callback with the value that the animation was stopped on.
this._animatedValue = new Animated.Value(0); Animated.timing(this._animatedValue, { toValue: 100, duration: 500, }).start(); setTimeout( () => this._animatedValue.stopAnimation(({ value }) => console.log("Final Value: " + value) ), 250 );
In this example, after 250 milliseconds, we'll stop the 500 millisecond animation. We also log the final value to the console, which will be roughly somewhere around 50.