iPad SwiftUI layouts

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

TabView

Tab View Customization Behavior

Configures the customization behavior of customizable tab view content.

Explore Tab View Customization Behavior on iPad in landscape, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
@AppStorage("tabCustomization") private var customization: TabViewCustomization

var body: some View {
    TabView {
        Tab {
            Text("0")
        }
        .customizationID("com.myApp.0")

        Tab("1", systemImage: "1.circle") {
            Text("1")
        }
        .customizationID("com.myApp.1")
        .customizationBehavior(.disabled, for: .sidebar, .tabBar)


        Tab("2", image: "cats24x24") {
            Text("2")
        }
        .customizationID("com.myApp.2")

        Tab {
            Text("3")
        } label: {
            Label("3", systemImage: "3.circle")
        }
        .customizationID("com.myApp.3")
    }
    .tabViewStyle(.sidebarAdaptable)
    .tabViewCustomization($customization)
}

Compatibility

iOS 18.0+ iPadOS 18.0+ macOS 15.0+ visionOS 2.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPad screenshot for Tab View Customization Behavior.

1 views