Applying a delay to a view modifier animation to create a sequence of animations
In the current version of SwiftUI, 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
withAnimation
function
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 DelayedAnimationsApp
.
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...