Picker appears disabled inside a Form... bug?

user_316469 0
Viewed 314

Consider this code:

struct ContentView: View {

var colors = ["Red", "Green", "Blue", "Tartan"]
@State private var selectedColor = "Red"

var body: some View {
  Form {
    Section (header:Text("color")) {
      Picker("Please choose a color", selection: $selectedColor) {
        ForEach(colors, id: \.self) {
          Text($0)
        }
      }
    }
  }
}

}

Run it. The result is the picker disabled. Why? How to I enable it?

The problem is the picker being inside a form. Section makes no difference.

enter image description here

swiftui
1 Answers

You have to add Form in Navigation View

struct ContentView: View {

var colors = ["Red", "Green", "Blue", "Tartan"]
@State private var selectedColor = "Red"

var body: some View {
    NavigationView {
        Form {
            Section (header:Text("color")) {
                Picker("Please choose a color", selection: $selectedColor) {
                    ForEach(colors, id: \.self) {
                        Text($0)
                    }
                }
            }
        }
        .navigationBarTitle("Color Picker")
    }
  }
}
user_16797540
Related