iPhone SwiftUI layouts

Explore interactive SwiftUI previews across every available iPhone screenshot variant.

Picker

MenuPickerStyle

A picker style that presents the options as a menu when the user presses a button, or as a submenu when nested within a larger menu.

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(.menu)
}

Compatibility

iOS 14.0+ iPadOS 14.0+ macOS 11.0+ tvOS 17.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for MenuPickerStyle.

2 views