iPhone SwiftUI layouts

Explore interactive SwiftUI previews across every available iPhone screenshot variant.

Picker

WheelPickerStyle

A picker style that presents the options in a scrollable wheel that shows the selected option and a few neighboring 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(.wheel)
}

Compatibility

iOS 13.0+ iPadOS 13.0+ watchOS 6.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for WheelPickerStyle.

2 views