iPhone Duo SwiftUI examples

Explore SwiftUI APIs, components, and modifiers on iPhone Duo. Compare portrait and landscape layouts in closed, partially open, and fully open states, with Swift code and Apple documentation.

Navigation

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.

Explore Preferred Top Column on iPhone Duo in portrait and landscape across closed, partially open, and fully open states, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
NavigationSplitView(preferredCompactColumn: .constant(.detail)) {
    Color.blue
} content: {
    Color.indigo
} detail: {
    Color.orange
}

Compatibility

iOS 17.0+ iPadOS 17.0+ macOS 14.0+ watchOS 10.0+ tvOS 17.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone Duo screenshot for Preferred Top Column.

6 views