TutorialsCourses
Course Menu
Master React Native Animations

Timing

Animated.timing defines a way to transition an Animated.Value from one value to another over a period of milliseconds. It also allows for use of easing functions.

Animated.timing(this._animation, {
  toValue: 100,
  duration: 1000,
}).start();

We won't dive into timing at all here as we will heavily use it through out our examples.

Live Demo