iPad SwiftUI layouts

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

TabView

Tab View Side Bar Bottom Bar

Adds a custom bottom bar to the sidebar of a tab view.

Explore Tab View Side Bar Bottom Bar 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)
.tabViewSidebarBottomBar {
        Label("Foo", systemImage: "star")
}

Compatibility

iOS 18.0+ iPadOS 18.0+ visionOS 2.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPad screenshot for Tab View Side Bar Bottom Bar.

1 views