Structure

MenuPickerStyle

A menu-formatted picker style.

---

Declaration

struct MenuPickerStyle : PickerStyle

---

Overview

MenuPickerStyle is 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.

Use this style when there are more than five options. Consider using InlinePickerStyle when there are fewer than five options.

struct ExampleView: View {
    var fruits = ["Banana🍌🍌","Apple🍎🍎", "Peach🍑🍑", "Watermelon🍉🍉", "Grapes🍇🍇" ]
    @State private var selectedFruit = 0

    var body: some View {
        VStack {
            Picker(selection: $selectedFruit, label: Text("Select Favorite Fruit")) {
                ForEach(0..<fruits.count) {
                    Text(self.fruits[$0])
                }
            }

            Text("Your Favorite Fruit: \(self.fruits[selectedFruit])")
        }
        .pickerStyle(MenuPickerStyle())
    }
}

Your app can also use explicit tags to identify picker content.

enum MyFruit {
    case banana, apple, peach
}

struct ExampleView: View {
    @State var favoriteFruit: MyFruit = MyFruit.banana

    var fruitName: String {
        switch favoriteFruit {
        case .banana:
            return "Banana 🍌🍌"
        case .apple:
            return "Apple 🍎🍎"
        case .peach:
            return "Peach 🍑🍑"
        }
    }

    var body: some View {
        Text("My Favorite Fruit: \(fruitName)")

        Picker("My Picker", selection: $favoriteFruit) {
            Text("Banana 🍌🍌")
                .tag(MyFruit.banana)
            Text("Apple 🍎🍎")
                .tag(MyFruit.apple)
            Text("Peach 🍑🍑")
                .tag(MyFruit.peach)
        }
        .pickerStyle(MenuPickerStyle())
    }
}

The button itself indicates the selected option. You can include additional controls in the set of options, such as a button to customize the list of options.

To apply this style to a picker, or to a view that contains pickers, use the View/pickerStyle(_:) modifier.

Availability

iOS 14.0+

macOS 11.0+

Topics

---

Initializer

init() Creates a menu picker style.