Applying a delay to a view modifier animation to create a sequence of animations
We have reached version 3 of SwiftUI, but still there is no way of joining different animations together to create a sequence of animations. This will surely be fixed in a later SwiftUI version, but at the moment, we can implement a sequence of animations using a delay.
As you should know, there are two ways of defining an animation:
- Using the
.animation()view modifier - Using the
withAnimationfunction
In this recipe, we'll see how to use the .animation() view modifier, and we'll cover the withAnimation function in the next recipe, Applying a delay to a withAnimation function to create a sequence of animations.
Getting ready
Let's create a SwiftUI project in Xcode called DelayedAnimations.
How to do it…
In our app, we will create a sequence of three animations on a rectangle:
- A change of the vertical offset
- A change of scale
- A 3D rotation...
