Chaining animations in SwiftUI

by

As mentioned in the other responses, there is currently no mechanism for chaining animations in SwiftUI, but you don’t necessarily need to use a manual timer. Instead, you can use the delay function on the chained animation:

withAnimation(Animation.easeIn(duration: 1.23)) {
    self.doSomethingFirst()
}

withAnimation(Animation.easeOut(duration: 4.56).delay(1.23)) {
    self.thenDoSomethingElse()
}

withAnimation(Animation.default.delay(1.23 + 4.56)) {
    self.andThenDoAThirdThing()
}

I’ve found this to result in more consistently smoother chained animations than using a DispatchQueue or Timer, possibly because it is using the same scheduler for all the animations.

Juggling all the delays and durations can be a hassle, so an ambitious developer might abstract out the calculations into some global withChainedAnimation function than handles it for you.

More Related Contents:

  1. how to do a simple scaling animation and why isn’t this working?
  2. Programmatically detect Tab Bar or TabView height in SwiftUI
  3. SwiftUI withAnimation completion callback
  4. How to have multiple CSS transitions on an element?
  5. css3 animation on :hover; force entire animation
  6. SwiftUI – Half modal?
  7. Xcode 11 & iOS13, using UIKIT can’t change background colour of UIViewController
  8. Opt out of UISceneDelegate/SwiftUI on iOS
  9. CSS Animations with delay for each child element
  10. CSS3 animation with gradients [duplicate]
  11. Xcode Canvas for SwiftUI previews does not show up
  12. SwiftUI @Binding Initialize
  13. SwiftUI @State and .sheet() ios13 vs ios14
  14. Swiftui – How do I initialize an observedObject using an environmentobject as a parameter?
  15. matplotlib save animation in gif error
  16. Javafx : How can I produce an animation with 3D path?
  17. CSS3 Continuous Rotate Animation (Just like a loading sundial)
  18. How to create a pulse effect using -webkit-animation – outward rings
  19. @Published property wrapper not working on subclass of ObservableObject
  20. How To Sync CSS Animations Across Multiple Elements?
  21. Transition animation not working properly in SwiftUI
  22. Adding a drag gesture in SwiftUI to a View inside a ScrollView blocks the scrolling
  23. UICollectionView and SwiftUI?
  24. CSS3 Chain Animations
  25. SwiftUI – PresentationButton with modal that is full screen
  26. IE10 – CSS animation not working
  27. In JavaFX how do I move a sprite across the screen?
  28. How to configure ContextMenu buttons for delete and disabled in SwiftUI?
  29. How to make an animation with CSS in JavaFX?
  30. iOS 13 Killing app because it never posted an incoming call to the system after receiving a PushKit VoIP callback

Leave a Comment