SwiftUI Segmented Picker 元素为灰色且已禁用

Question

I've added a Picker (SegmentedPickerStyle) to my project using SwiftUI as shown:

Picker(selection: $selectedType, label: Text("Type")) {
      Text("Translation")
      Text("Highlights")
}
.pickerStyle(SegmentedPickerStyle())

But for some reason, the result (both in canvas and the simulator) is a grey, disabled picker (please see screenshot attached).

What I try to achieve: Does anyone has an idea what am I doing wrong?

Answer 1

Try as following

@State private var selectedType = 0

...

Picker(selection: $selectedType, label: Text("Type")) {
      Text("Translation").tag(0)
      Text("Highlights").tag(1)
}
.pickerStyle(SegmentedPickerStyle())

Answer 2

Your picker has 2 Text items, "Translation" & "Highlights". So your selection will be either of those Strings. Create a @State variable to track when that selection changes and to show the new 'State'.

@State private var selectedType = "Translation"
...
Picker(selection: $selectedType, label: Text("Type")) {
      Text("Translation")
      Text("Highlights")
}
.pickerStyle(SegmentedPickerStyle())