Learn Everything About SwiftUI Spring Animation
This post serves as a cheat sheet for building fine-grained and buttery motion/animations on iOS using predefined and custom springs. Check out the GitHub repo for about 100 SwiftUI spring animation examples, use cases, and best practices.
Get a Default Smooth Spring
withAnimation { }
Use Spring Presets
Get smooth, snappy, and bouncy predefined springs
withAnimation(.smooth) { }
Customize Spring Presets
Spring Preset With a Custom Duration
withAnimation(.snappy(duration: 0.4)) { }
Spring Preset With a Custom Bounce
withAnimation(.snappy(extraBounce: 0.1)) { }
Create a Custom Spring
withAnimation(.spring(duration: 0.6, bounce: 0.2)) { }
Define a Custom Spring Model
let mySpring = Spring(duration: 0.5, bounce: 0.2)
let (mass, stiffness, damping) = (mySpring.mass, mySpring.stiffness, mySpring.damping)
Create a Spring Model Animation
let otherSpring = Spring(mass: 1, stiffness: 100, damping: 10) withAnimation(.spring(otherSpring)) { }
Create a Spring With No Bounce
withAnimation(.spring(duration: 0.5)) { }
Create a Spring With a Small Bounce
withAnimation(.spring(duration: 0.5, bounce: 0.15)) { }
Create a Spring With a Large Bounce
withAnimation(.spring(duration: 0.5, bounce: 0.3)) { }
Learn More
--
6moمفيد للغاية