How to scroll to a specific row in a list

Paul Hudson @twostraws December 1st 2022

Updated for Xcode 14.2

If you want to programmatically make SwiftUI’s List move to show a specific row, you should embed it inside a ScrollViewReader. This provides a scrollTo() method on its proxy that can move to any row inside the list, just by providing its ID and optionally also an anchor.

For example, this creates 100 rows in a list, and when you press the button it will scroll directly to the row with ID 50:

struct ContentView: View {
    var body: some View {
        ScrollViewReader { proxy in
            VStack {
                Button("Jump to #50") {
                    proxy.scrollTo(50)
                }

                List(0..<100, id: \.self) { i in
                    Text("Example \(i)")
                    .id(i)
                }
            }
        }
    }
}

Download this as an Xcode project