Hands-On Design Patterns with React Native

Scheduling events

As we know how to create animations, now let's talk about how to schedule them.

The trivial approach is a delayed animation dispatch:

• Animated.delay(): Starts an animation after a given delay. Good if you need to delay your response to a user action. But usually this is not a case.

Let's talk about array of events that we want to schedule. More than one event should be dispatched. If we need all of the events to happen at the same time, it is also trivial:

• Animated.parallel(): Starts a number of animations at the same time. But what if we need to time them one after another? Here comes sequence.

• Animated.sequence(): Starts the animations in order, waiting for each one to complete before starting the next. There is also ...