NavigationSplitView
Creates a two-column navigation split view.
Platform Compatibility
Tags
SwiftUI Code
NavigationSplitView {
Color.blue
} detail: {
Color.orange
}Found an issue or have a suggestion?
More Navigation Components
View allToolbar 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
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
Removes the sidebar toggle toolbar item a NavigationSplitView adds by default.
Explore Other Components
Browse allCustom Placeholder Async URL Image
Loads and displays a modifiable image from the specified URL load request using a custom placeholder until the image loads.
UIKit Content Background colors
The UIKit colors that are also used in other components like in List and GroupBox
CircularGaugeStyle
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
ToolbarItem Shared Background Visibility
Controls the visibility of the glass background effect on items in the toolbar. In certain contexts, such as the navigation bar on iOS and the window toolbar on macOS, toolbar items will be given a glass background effect that is shared with other items in the same logical grouping