Applying a delay to an animation view modifier to create a sequence of animations
Until the introduction of iOS 17, it was not possible to create a chained sequence of different animations. If we wanted to accomplish this, we could do it by implementing several animations, each one with a different delay, so the animations would occur in a staggered way, one immediately after another.Since the introduction of SwiftUI with iOS 13 there have been two ways of defining an animation:
- Using the .animation(_:value:) view modifier
- Using the withAnimation(_:_:) function
In this recipe, we'll see how to use the .animation(_:value:) view modifier, and we'll cover the withAnimation(_:_:) function in the next recipe.In subsequent recipes, we will cover the new and powerful animation APIs introduced in iOS 17. The reason to keep this and the next recipe, is because it shows what it has been the way of performing chained animations since the introduction of SwiftUI, and you should be familiar...