SwiftUI List - How to scroll to item

Question

I have list with items. How can i scroll to list 12. I can use geometry reader to calculate offset. But how to scroll to this offset?

List {
      ForEach(0..<12) { index in
          Text("...")          
      }  
}

If your app design allows to use ScrollView instead of List, you can consider approach demonstrated in How to make a SwiftUI List scroll automatically? post. — Asperi
– Asperi, Commented Nov 22, 2019 at 17:30

Mojtaba Hosseini · Accepted Answer · 2020-06-28 14:00:19Z

6

Form Xcode 12, You can turn in to a ScrollView and then you can do it by .scrollTo(id):

var body: some View {
    ScrollViewReader { scrollProxy in
        ScrollView {
            ForEach((1...100), id: \.self) { Text("\($0)") }
        }
        Button("Go!") {
            withAnimation { scrollProxy.scrollTo(50) }
        }
    }
}

Note that ScrollViewReader should support all scrollable content, but now it only supports ScrollView

answered Jun 28, 2020 at 14:00

Mojtaba Hosseini

124k45 gold badges341 silver badges328 bronze badges

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

1 Comment

codingFriend1 Over a year ago

I just tried in XCode 13 on macOS 12 and ScrollViewReader now works with List.

Collectives™ on Stack Overflow

SwiftUI List - How to scroll to item

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related