How do i do navigation transitions in SwiftUI on MacOS

Asked on 05/07/2025

1 search

Tailscan

This post is brought to you by Tailscan, the best devtool for Tailwind CSS.

Want to sponsor? We'd love to chat →

To perform navigation transitions in SwiftUI on macOS, you can utilize the new Zoom navigation transition introduced in the latest updates. This transition allows you to create visually appealing and interactive transitions between views. Here's a brief overview of how you can implement it:

  1. Zoom Transition: SwiftUI now supports a new Zoom navigation transition, which can be used to create smooth and visually engaging transitions. This transition is not only a visual effect but also continuously interactive, allowing users to interact with the view during the transition.

  2. Implementation: To implement the Zoom transition, you need to apply the transition style modifier to the presented view and specify the zoom transition. You also need to connect this modifier to a source view so that the system knows which view to zoom from. Ensure that you specify the same identifier and namespace in both places so that SwiftUI can correctly associate the preview with the presented view.

For more detailed guidance, you can refer to the session Enhance your UI animations and transitions (02:07) where the Zoom transitions in SwiftUI are discussed.

Provide feedback
What’s new in SwiftUI

What’s new in SwiftUI

Learn how you can use SwiftUI to build great apps for any Apple platform. Explore a fresh new look and feel for tabs and documents on iPadOS. Improve your window management with new windowing APIs, and gain more control over immersive spaces and volumes in your visionOS apps. We’ll also take you through other exciting refinements that help you make expressive charts, customize and layout text, and so much more.

Create custom visual effects with SwiftUI

Create custom visual effects with SwiftUI

Discover how to create stunning visual effects in SwiftUI. Learn to build unique scroll effects, rich color treatments, and custom transitions. We’ll also explore advanced graphic effects using Metal shaders and custom text rendering.

SwiftUI essentials

SwiftUI essentials

Join us on a tour of SwiftUI, Apple’s declarative user interface framework. Learn essential concepts for building apps in SwiftUI, like views, state variables, and layout. Discover the breadth of APIs for building fully featured experiences and crafting unique custom components. Whether you’re brand new to SwiftUI or an experienced developer, you’ll learn how to take advantage of what SwiftUI has to offer when building great apps.