SwiftUI Picker Label with PickerStyle .menu in iOS HowTo

user_4423757 0
Viewed 416

For some reason Apple decided to drop Label support for Pickers (tested in iOS15 and iOS16)

For example:

Picker(selection: $gender,
                   label:
                    "Select your gender"
                   , content: {
                            Text(Gender.male.rawValue).tag(Gender.male)
                            Text(Gender.female.rawValue).tag(Gender.female)
                            Text(Gender.nobinary.rawValue).tag(Gender.nobinary)
            }).pickerStyle(.automatic)
                    .font(.largeTitle)
                    .accentColor(.white)

ignores the label view.

So howto solve that?

swiftui picker swift menu ios
1 Answers

To add a Label View out of the box without custom View one has to use Picker in Menu View embedded. Now one can use modifier on the Menu Label Views and even use logic for the selected text.

Menu {
    Picker(selection: $gender,
        label: EmptyView(),
        content: {
            Text(Gender.male.rawValue).tag(Gender.male)
            Text(Gender.female.rawValue).tag(Gender.female)
            Text(Gender.nobinary.rawValue).tag(Gender.nobinary)
        }).pickerStyle(.automatic)
           .accentColor(.white)
    } label: {
        Text(gender == .unselected ? "Select your gender" : gender.rawValue)
            .font(.title3)
            .frame(maxWidth: .infinity)
            .frame(height: 55)
            .background(.white)
            .cornerRadius(10)
            .accentColor(.pink)
}
user_44237570
Related