iPhone SwiftUI layouts

Explore interactive SwiftUI previews across every available iPhone screenshot variant.

Picker

SegmentedPickerStyle

A picker style that presents the options in a segmented control. Use this style when there are two to five options. Consider using menu when there are more than five options.

SwiftUI code

Full details Docs 
List {
    Picker(selection: $selection) {
        Text("1")
            .tag("1")
        Section("Bar") {
            Text("2")
                .tag("2")
        }
        Label("3", systemImage: "3.circle")
            .tag("3")
    } label: {
        Label("Foo", systemImage: "hand.tap")
        Text("Bar")
    } currentValueLabel: {
        Text("Selected: \(selection)")
    }
    .pickerStyle(.segmented)
}

Compatibility

iOS 13.0+ iPadOS 13.0+ macOS 10.15+ tvOS 13.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for SegmentedPickerStyle.

2 views