iPad SwiftUI layouts

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

TabView

Default Adaptable Tab Bar Placement

Specifies the default placement for the tabs in a tab view using the adaptable sidebar style.

Explore Default Adaptable Tab Bar Placement on iPad in landscape, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
TabView {
    Tab {
        Text("0")
    }

    Tab("1", systemImage: "1.circle") {
        Text("1")
    }

    Tab("2", image: "cats24x24") {
        Text("2")
    }

    Tab {
        Text("3")
    } label: {
        Label("3", systemImage: "3.circle")
    }
}
.tabViewStyle(.sidebarAdaptable)
.defaultAdaptableTabBarPlacement(.tabBar)

Compatibility

iOS 18.0+ iPadOS 18.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPad screenshot for Default Adaptable Tab Bar Placement.

1 views