How to delay an animation
Updated for Xcode 12.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(Animation.easeInOut(duration: 3).delay(1))
.onTapGesture {
self.rotation += 360
}
}
}
SPONSORED Announcing NSSpain 2020: Remote Edition! An online, continuous conference for iOS developers. We’ll start on Thursday and finish on Friday, with talks, activities, and lots of fun for 36 hours, non-stop. Sound good? Join us!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
