SwiftUI - Dynamic segmented Picker Filter

Question

I am trying to build a dynamic Picker with a segmented style that re-renders itself based on user input.

So in other words, every time the user adds a value to the filterValues array the segmented picker should re-render.

This what I tried and not working:

struct ContentView: View {
   @State private var items = [Item]()
   @State private var filterValueIndex = 0
   @State private var filterValues: [Int] = [1, 2, 3, 5]

   var body: some View {
       Picker("Filter", selection: $filterValueIndex) {
            ForEach(0 ..< filterValues.count) {
                Text("\(filterValues[$0])")
            }
        }
       .pickerStyle(SegmentedPickerStyle())
   }
}

Asperi · Accepted Answer · 2020-11-26 04:41:27Z

1

We need to use dynamic ForEach for that as below (tested with Xcode 12.1 / iOS 14.1)

    Picker("Filter", selection: $filterValueIndex) {
            ForEach(filterValues.indices, id: \.self) {    // << here !!
                 Text("\(filterValues[$0])")
            }
      }
    .pickerStyle(SegmentedPickerStyle())

answered Nov 26, 2020 at 4:41

Asperi

262k28 gold badges594 silver badges889 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

SwiftUI - Dynamic segmented Picker Filter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related