Navigation Stack Zoom Transition – Title Animation Issue

SwiftUI Navigation Stack Zoom Transition – Title Animation Issue (iOS 18)

In the WWDC24 video "Enhance your UI animations and transitions", Apple demonstrates how the navigation stack title smoothly animates into the back button in the new view when using a zoom transition:

NavigationLink {
    BraceletEditor(bracelet)
        .navigationTransitionStyle(
            .zoom(
                sourceID: bracelet.id,
                in: braceletList
            )
        )
} label: {
    BraceletPreview(bracelet)
}
.matchedTransitionSource(
    id: bracelet.id,
    in: braceletList
)

However, I cannot get this animation.

Expected (from WWDC video):

Actual (iOS 18 simulator):

How can I get the original animation?

Answered by Frameworks Engineer in 825354022

There's no way to get the original animation. The animation changed after the initial iOS 18 beta.

Accepted Answer

There's no way to get the original animation. The animation changed after the initial iOS 18 beta.

Navigation Stack Zoom Transition – Title Animation Issue
 
 
Q