iPad SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPad previews, Swift code, and Apple documentation.

View

Navigation Split View Container Background

A background placement behind the content of a NavigationSplitView.

Explore Navigation Split View Container Background on iPad in landscape, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
NavigationSplitView {
    Text("Foo")
        .containerBackground(.thinMaterial, for: .navigation)
        .containerBackground(.blue.gradient, for: .navigationSplitView)
} detail: {
    Text("Bar")
        .containerBackground(.ultraThinMaterial, for: .navigation)
}

Compatibility

iOS 18.0+ iPadOS 18.0+ watchOS 11.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPad screenshot for Navigation Split View Container Background.

1 views