Apple Watch SwiftUI layouts

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

TabView

VerticalPageTabViewStyle

A TabViewStyle that displays a vertical TabView interaction and appearance.

Explore VerticalPageTabViewStyle on Apple Watch, 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(.verticalPage)

Compatibility

watchOS 10.0+

Tags

Found an issue or have a suggestion?

All variants

Every available Apple Watch screenshot for VerticalPageTabViewStyle.

1 views