How to allow row selection in a list
How to allow row selection in a list 관련
Updated for Xcode 15
SwiftUI's lists support both single and multiple selection of its items, but only when your list is in editing mode.
To support single selection, first add an optional property of the same type you're using inside your list. For example, if you were using a list of integers you would have an optional Int. Once you have that, pass it to your list using its selection parameter, then make sure your list is in editing mode.
As an example, this code shows an array of strings in a list, and stores the selected item as an optional string:
struct ContentView: View {
@State private var selection: String?
let names = [
"Cyril",
"Lana",
"Mallory",
"Sterling"
]
var body: some View {
NavigationStack {
List(names, id: \.self, selection: $selection) { name in
Text(name)
}
.navigationTitle("List Selection")
.toolbar {
EditButton()
}
}
}
}
Notice that edit button in the toolbar – remember, your list must be in editing mode to support selection.
If you want multiple selection, all you need to do is change your selection property into a Set of the same type as your list array. So, if we wanted multiple selection in the previous example we'd use this:
@State private var selection = Set<String>()
Tips
Both the single and multiple selection options can be changed by you programmatically, allowing you to change which rows were selected by modifying the state yourself.
Similar solutions…