How to delay an animation
Updated for Xcode 14.0 beta 1
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(.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 You know StoreKit, but you don’t want to do StoreKit. RevenueCat makes it easy to deploy, manage, and analyze in-app subscriptions on iOS and Android so you can focus on building your app.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
