how do you use the new navigationsplitview

Asked on 08/09/2024

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 use the new NavigationSplitView in SwiftUI, you can follow the guidance provided in the WWDC sessions. Here are some key points and sessions that discuss the new navigation features:

  1. Adopting the Sidebar Appearance:

    • In tvOS 18, the floating sidebar from the TV app is now available system-wide through SwiftUI. You can build it using the existing NavigationSplitView APIs. If your app is currently using a tab bar, you can switch to this appearance with just one line of code by setting a TabView style of sidebarAdaptable. This will make your tab bar appear as a sidebar.
    • Migrate your TVML app to SwiftUI (14:22)

  2. Flexible Sidebar and Tab Bar:

    • In iOS 18, the sidebar has become more flexible. You can easily switch between a tab bar and a sidebar representation. The new TabView has a type-safe syntax in SwiftUI, making it easier to catch common errors at build time. You can apply the new sidebarAdaptable tab view style to make your tab view more flexible.
    • What’s new in SwiftUI (01:02)

  3. Enhanced Sidebar and Tab Bar Experience:

    • The new tab bar can float above the content and morph into a sidebar for deeper navigation. This is useful for apps with a simple hierarchy or a deeper hierarchy, allowing you to implement both a tab bar and sidebar with the same API.
    • Platforms State of the Union (47:40)

  4. Customization and Flexibility:

    • The sidebar supports customization features like reordering and removing tabs, which is programmatically controllable. This makes it great for content-rich apps.
    • What’s new in SwiftUI (01:57)

  5. Best Practices for Tab and Sidebar Navigation:

By following these guidelines and utilizing the new APIs, you can effectively use NavigationSplitView to create a flexible and customizable navigation experience in your SwiftUI apps.

Provide feedback
What’s new in UIKit

What’s new in UIKit

Explore everything new in UIKit, including tab and document launch experiences, transitions, and text and input changes. We’ll also discuss better-than-ever interoperability between UIKit and SwiftUI animations and gestures, as well as general improvements throughout UIKit.

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.

Elevate your tab and sidebar experience in iPadOS

Elevate your tab and sidebar experience in iPadOS

iPadOS 18 introduces a new navigation system that gives people the flexibility to choose between using a tab bar or sidebar. The newly redesigned tab bar provides more space for content and other functionality. Learn how to use SwiftUI and UIKit to enable customization features – like adding, removing and reordering tabs – to enable a more personal touch in your app.