How to combine transitions
Fully updated for Xcode 11.4
When adding or removing a view, SwiftUI lets you combine transitions to make new animation styles using the combined(with:) method. For example, you can make a view move (one transition) and fade (a second transition) at the same time like this:
Text("Details go here.")
.transition(AnyTransition.opacity.combined(with: .slide))To make combined transitions easier to use and re-use, you can create them as extensions on AnyTransition, like this:
extension AnyTransition {
static var moveAndScale: AnyTransition {
AnyTransition.move(edge: .bottom).combined(with: .scale)
}
}With that in place you can now make a text view be added or removed using just this:
Text("Details go here.")
.transition(.moveAndScale)
SPONSORED Building in-app subscriptions are hard. RevenueCat makes it simple. With their open source SDKs, you can painlessly implement subscriptions for your app in hours, not months.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
