SwiftUI, selecting a row in a List programmatically

Question

I want to set the selected row in a List programmatically.
In my example below via 2 Buttons.

struct ContentView: View {

  @State private var selection = 2

  var body: some View {
    VStack {
      List() {
      //List(selection: $selection)  {.  // does not compile
        Text("Line 0").tag(1)
        Text("Line 1").tag(1)
        Text("Line 2").tag(2)
        Text("Line 3").tag(3)
        Text("Line 4").tag(4)
        Text("Line 5").tag(5)
      }
      .listStyle(SidebarListStyle())
      Text("Selected Item :\(self.selection)")
      HStack {
        Button(action: {if (self.selection < 5 ) { self.selection += 1 }} ) {Text("⬇︎")}
        Button(action: {if (self.selection > 0 ) { self.selection -= 1 }} ) {Text("⬆︎")}
      }
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
  }
}

trying to make the List selectable like this:

List(selection: $selection)

does not compile.
Compiler complains: Unable to infer complex closure return type; add explicit type to disambiguate

Asperi · Accepted Answer · 2020-05-16 14:41:06Z

6

Selection type must be optional. Find below fixed code.

struct TestListSelectionOnAction: View {

  @State private var selection: Int? = 2 // optional !!

  var body: some View {
    VStack {
      List(selection: $selection)  {
        Text("Line 0").tag(0)
        Text("Line 1").tag(1)
        Text("Line 2").tag(2)
        Text("Line 3").tag(3)
        Text("Line 4").tag(4)
        Text("Line 5").tag(5)
      }
      .listStyle(SidebarListStyle())
      Text("Selected Item :\(self.selection ?? -1)")
      HStack {
        Button(action: {
            if (self.selection! < 5 ) { self.selection! += 1 }} ) {Text("⬇︎")}
        Button(action: {
            if (self.selection! > 0 ) { self.selection! -= 1 }} ) {Text("⬆︎")}
      }
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
  }
}

answered May 16, 2020 at 14:41

Asperi

262k28 gold badges594 silver badges888 bronze badges

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

3 Comments

mica Over a year ago

Code compiles now, but the selection in the List is not visible, what's missing?

davidev Over a year ago

@mica I tested Asperi answer. It works fine. When launching selection is 2, however not displayed as active row in the List. When removing .listStyle(SidebarListStyle()) it does work though.

mica Over a year ago

is there a way to scroll the newly selected row in the visible area of the List?

davidev · Accepted Answer · 2020-05-16 14:32:38Z

0

It won't compile because the tags are not unique. You are setting tag 1 twice. It can not identify the value, thats why List(selection: $selection) does not work either.

 List() {
      //List(selection: $selection)  {.  // should compile now
        Text("Line 0").tag(0)
        Text("Line 1").tag(1)
        Text("Line 2").tag(2)
        Text("Line 3").tag(3)
        Text("Line 4").tag(4)
        Text("Line 5").tag(5)
 }

answered May 16, 2020 at 14:32

davidev

8,6955 gold badges35 silver badges70 bronze badges

5 Comments

mica Over a year ago

The Compiler Error remains after the correction with unique tags

davidev Over a year ago

@mica Asperi is right, selection has to be declared as optional as stated in doc here developer.apple.com/documentation/swiftui/list

mica Over a year ago

Code compiles with selection as optional, but the selection in the List is not visible, what's missing?

davidev Over a year ago

@mica Does Selected Item changes? You mean active item is not selected in the list?

mica Over a year ago

Is there a way to scroll the newly selected row in the visible area of the List?

Collectives™ on Stack Overflow

SwiftUI, selecting a row in a List programmatically

2 Answers 2

3 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related