How to delay an animation
Updated for Xcode 13.0
When you create any animation – implicitly, explicitly, or with bindings – you can attach modifiers to that animation to adjust the way it works. For example, if you want an animation to start after a certain number of seconds you should use the delay() modifier.
As an example, this creates a red rectangle that, when tapped, will rotate by 360 degrees using a two-second animation with a one-second delay:
struct ContentView: View {
@State var rotation = 0.0
var body: some View {
Rectangle()
.fill(Color.red)
.frame(width: 200, height: 200)
.rotationEffect(.degrees(rotation))
.animation(.easeInOut(duration: 3).delay(1), value: rotation)
.onTapGesture {
rotation += 360
}
}
}
Download this as an Xcode project
SPONSORED Join a FREE crash course for iOS devs who want to become complete senior developers — from October 18th to 24th. Learn how to apply iOS app architecture patterns through a series of lectures and practical coding sessions.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
