Applying multiple animations to a view

SwiftUI allows us to animate multiple features at the same time, and they can also be animated using different durations and different animation curves.

In this recipe, we'll learn how to animate two sets of features and how to make the result look like one single, smooth animation.

Getting ready

Let's create a SwiftUI project called MultipleAnimations.

How to do it…

To illustrate how you can apply multiple animations to a view, we are going to create a rectangle that has two sets of animations:

• One set with the color, the vertical offset, and the rotation around the X axis
• One set with the scale and a rotation around the Z axis

We are using an .easeInOut curve for the former and .linear for the latter. To do this, follow these steps:

1. Let's start by adding the rectangle and the button to trigger the change:

   struct ContentView: View {
       @State
      ...