Interactive previews iPhone Duo

Content NavigationSplitView

Creates a three-column navigation split view.

Content NavigationSplitView - Preview Not Available

Platform Compatibility

iOS 16.0+ iPadOS 16.0+ macOS 13.0+ watchOS 9.0+ tvOS 16.0+ visionOS 1.0+

Tags

SwiftUI Code

Docs
NavigationSplitView {
    Color.blue
} content: {
    Color.indigo
} detail: {
    Color.orange
}

Found an issue or have a suggestion?

Created: September 23, 2026Updated: September 24, 2026
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More Navigation Components

View all
Toolbar Title Alignment - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Toolbar Title Alignment

Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution.

Preferred Top Column - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Preferred Top Column

Controls which column appears on top of the stack when NavigationSplitView collapses into a single stack in certain contexts, such as on iPhone, when iPhone Duo is closed, or on Apple Watch. By default, the sidebar appears on top. In this case, the detail column does instead.

Hide Sidebar Toggle - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
modifier

Hide Sidebar Toggle

Removes the sidebar toggle toolbar item a NavigationSplitView adds by default.

NavigationSplitView - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

NavigationSplitView

Creates a two-column navigation split view.

Navigation Subtitle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Navigation Subtitle

Configures the view’s subtitle for purposes of navigation, using a localized string

Explore Other Components

Browse all
Content Unavailable Search - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
type

Content Unavailable Search

A pre-built placeholder for empty search results

Disable Sheet Dismiss Swipe - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Disable Sheet Dismiss Swipe

Conditionally prevents interactive dismissal of presentations like popovers, sheets, and inspectors. Dragging the sheet is still possible to a limited extent, as shown in the screenshot, but it will never be dismissed.

ShareLink - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

ShareLink

A view that controls a sharing presentation

TextFieldLink - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
initializer

TextFieldLink

A control that requests text input from the user when pressed

GroupBox With Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

GroupBox With Label

A GroupBox with Label

Color Gradient - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Color Gradient

The Color gradient modifier

UIKit Separator Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Separator Colors

The UIKit separator colors that are also used in other components, such as the TextField

Formatted Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Formatted Labeled Content

Creates a labeled informational view from a formatted value.