SwiftUI: Is there a way to create a list with single selection (like in iOS Settings)?

Question

I am currently building my first iOS app with Swift UI and I was wondering if there is any standard way in Swift UI to allow for single selection in a list. Just like is the case in the iOS settings (see screenshot below).

Thanks for your help in advance!

It is just a Picker in a Form, which is in NavigationView. See for example in stackoverflow.com/a/58881338/12299030 — Asperi
– Asperi, Commented Jan 9, 2021 at 17:56
Does this answer your question? How to make List with single selection with SwiftUI 5 — LuLuGaGa
– LuLuGaGa, Commented Jan 9, 2021 at 20:03

Malburrito · Accepted Answer · 2021-01-10 18:51:14Z

0

Meanwhile found an answer thanks to example code on hackingwithswift.com

struct ContentView: View {
var strengths = ["Mild", "Medium", "Mature"]

@State private var selectedStrength = 0

var body: some View {
    NavigationView {
        Form {
            Section {
                Picker(selection: $selectedStrength, label: Text("Strength")) {
                    ForEach(0 ..< strengths.count) {
                        Text(self.strengths[$0])

                        }
                    }
                }
            }.navigationBarTitle("Select your cheese")

        }
    }
}

answered Jan 10, 2021 at 18:51

Malburrito

1,2481 gold badge11 silver badges33 bronze badges

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

1 Comment

Malburrito Over a year ago

Another way to tackle the issue is by building a list containing HStacks as described here: stackoverflow.com/a/59834220/14934149

Kasun Udara Jayasekara · Accepted Answer · 2022-08-28 05:55:38Z

This is what I used for single selection for SwiftUI ForEach

 @State private var selectedTimeSlotBtn: Int = 0
 @State private var timeSlots = ["15s","30s","60s","∞"]

 ForEach(0..<timeSlots.count) { item in
                                    Button {
                                        self.selectedTimeSlotBtn =item
                                    } label: {
                                        Text(timeSlots[item])
                                            .frame(width: 39, height: 26, alignment: .center)
                                            .foregroundColor(Color.white)
                                            .background(self.selectedTimeSlotBtn == item ? Color("clifie_light_green_com") : Color("clifie_dark_gray"))
                                            .cornerRadius(12)
                                            .padding(.trailing, 2)
                                            .padding(.leading, 2)
                                    }
                   }

Collectives™ on Stack Overflow

SwiftUI: Is there a way to create a list with single selection (like in iOS Settings)?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related