SwiftUI Picker with Multiple Selection

Question

Created Jun ’20

Replies 3

Boosts 0

Views 9.1k

Participants 2

Hi! One of my main frustrations with SwiftUI last WWDC was the apparent lack of a View allowing for multiple selections. This year's "Stacks, Grids and Outlines in SwiftUI" Session even shows a brief snippet with

Code Block @Binding private var selection: Set<String>

which would indicate the possibility of multiple selections with a Picker view in SwiftUI. However the sample code for the app presented there is not available...

In short: how should one use Picker or go about creating another view which would allow multiple selections? To stay in the Sandwiches theme of this year's apps: how would one create a Picker allowing selection of multiple ingredients from a list?

Boost

Answer 1

HeGer OP

Jun ’20

I would also love to see a native solution.
I did one on my own. Maybe you can use it too.
https://github.com/AlmightyBeaver/MultiPicker

0

Answer 2

HeGer OP

Jun ’20

It's not really a picker, but you could do this:

Code Block swiftstruct IngredientsPickerView: View {
		@State var ingredients: [Ingredient] = [Ingredient(name: "Salt"),
																						Ingredient(name: "Pepper"),
																						Ingredient(name: "Chili"),
																						Ingredient(name: "Milk")]
		
		var body: some View{
				List{
						ForEach(0..<ingredients.count){ index in
								HStack {
										Button(action: {
												ingredients[index].isSelected = ingredients[index].isSelected ? false : true
										}) {
												HStack{
														if ingredients[index].isSelected {
																Image(systemName: "checkmark.circle.fill")
																		.foregroundColor(.green)
																		.animation(.easeIn)
														} else {
																Image(systemName: "circle")
																		.foregroundColor(.primary)
																		.animation(.easeOut)
														}
														Text(ingredients[index].name)
												}
										}.buttonStyle(BorderlessButtonStyle())
								}
						}
				}
		}
}
struct Ingredient{
		var id = UUID()
		var name: String
		var isSelected: Bool = false
}

1

Answer 3

thebluepotato OP

Jun ’20

@HeGer: To clarify, I'm looking for a Picker allowing selection of multiple items of the same type, not selecting one item from multiple otpions. Your second suggestion goes in the right direction!

0