Basic transitions

Let's start by taking a look at how the simplest of transitions can make a big difference in SwiftUI. In this section, we'll cover when and how to use the transition modifier along with the various options available to us.

Invoking a basic transition

We'll again create a SwiftUI playground in order to test some of these examples out (see Chapter 13, Basic Animation in Views, on how we created a playground for use in SwiftUI).

We'll start by creating a simple button with a text view that will sit just beneath it:

VStack {
    Button("Basic Transitions") {
        // Add logic here...
    }
    Text("Learn SwiftUI")
}

Nice and simple to start with, but our main intention here...