SwiftUI Mac OS how to add selection to the List view

Question

It easy to create a simple list like this:

List { Text("Item 1") Text("Item 2") Text("Item3") }

But how I can add a selection like traditional NSTable?

Do you mean selection like https://stackoverflow.com/questions/56706188/how-does-one-enable-selections-in-swiftuis-list?noredirect=1&lq=1? — Fabian, Aug 19 '19 at 05:55
I meant the blue Highlight bar to chose specific row, I am workin on Mac OS App — Nayef, Aug 19 '19 at 08:18

Nayef · Accepted Answer · 2019-08-23T20:40:28.127

9

struct names {
    var id = 0
    var name = ""
}

var demoData = ["Phil Swanson", "Karen Gibbons", "Grant Kilman", "Wanda Green"]

struct SelectionDemo : View {
    @State var selectKeeper = Set<String>()

    var body: some View {

        HStack {
            List(demoData, id: \.self, selection: $selectKeeper){ name in
                Text(name)
            }.frame(width: 500, height: 460)
        }
    }
}

#if DEBUG
    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            SelectionDemo()
        }
    }
#endif

edited Aug 23 '19 at 20:40

answered Aug 19 '19 at 14:44

Nayef

463
5
13

Remark: you have to change Set() to the type of your array or your own structure like Set – Nayef Aug 23 '19 at 11:11
Worked for me on macOS. – malhal Dec 06 '20 at 10:27
For me it didn't work with custom types, i had to manually set a value for selectKeeper – Cristi Băluță Nov 05 '21 at 06:16
3

On the Apple Developer forums it seemed like the key was to use `id: \.self` which worked for me even though my data already conformed to Identifiable. – iMaddin Mar 23 '22 at 12:07
1

@iMaddin The same here. Do you know why? – Owen Zhao Apr 22 '22 at 12:00

SwiftUI Mac OS how to add selection to the List view

1 Answers1

Linked