iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

TabView

PageTabViewStyle

A TabViewStyle that displays a paged scrolling TabView.

Explore PageTabViewStyle on iPhone in portrait, 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(.page)

Compatibility

iOS 14.0+ iPadOS 14.0+ watchOS 7.0+ tvOS 14.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for PageTabViewStyle.

2 views