SwiftUI ScrollView如何获取指定子视图偏移量实现滚动定位

优先选择原生无依赖实现，第三方库操作底层UIScrollView的方案作为特殊场景备选。

方案1：正确使用原生ScrollViewReader（推荐，无需引入第三方库） #

之前ScrollViewReader方案未生效的核心原因是没有给需要定位的子视图显式绑定唯一id。原生ScrollViewReader本身支持精准滚动，自动适配安全区、视图间距、动态内容尺寸，完全不需要手动计算偏移量。
实现代码：

// 定义唯一id类型，避免不同类别的子视图id重复
enum ScrollTargetID: Hashable {
    case rect(Int)
    case circle(Int)
}

struct ContentView: View {
    var body: some View {
        ScrollViewReader { proxy in
            ScrollView {
                VStack {
                    Button {
                        // 锚点可按需选top/center/bottom，控制目标视图停在滚动区域的位置
                        withAnimation {
                            proxy.scrollTo(ScrollTargetID.circle(5), anchor: .top)
                        }
                    } label: {
                        Text("Scroll to Circle 5")
                    }

                    ForEach(0..<20) { i in
                        Rectangle()
                            .fill(Color.gray)
                            .frame(height: 50)
                            .overlay(Text("Rectangle \(i)"))
                            .id(ScrollTargetID.rect(i))
                    }
                    
                    Divider()
                        .padding()
                    
                    ForEach(0..<20) { i in
                        Circle()
                            .fill(Color.gray)
                            .frame(height: 60)
                            .overlay(Text("Circle \(i)"))
                            .id(ScrollTargetID.circle(i))
                    }
                }
            }
        }
    }
}

注意：不同类型的子视图不要使用重复的id值，否则会出现定位错乱，用枚举区分视图类别是最稳妥的id绑定方式。

方案2：基于SwiftUI-Introspect操作底层UIScrollView实现 #

如果有特殊需求必须操作底层UIScrollView，不要硬编码yOffset，通过GeometryReader在自定义坐标空间下读取目标视图的真实位置即可，自动适配所有布局因素：

1. 给ScrollView的内容容器定义命名坐标空间
2. 在目标视图上通过GeometryReader读取它在该坐标空间下的frame.minY，这个值就是目标视图相对于ScrollView顶部的准确偏移量
3. 监听布局变化实时更新偏移量，适配动态布局场景
   实现代码：

struct ContentView: View {
    @State private var scrollView: UIScrollView?
    @State private var targetCircleOffset: CGFloat = 0
    
    var body: some View {
        ScrollView {
            VStack {
                Button {
                    scrollView?.setContentOffset(CGPoint(x: 0, y: targetCircleOffset), animated: true```swift
ScrollView {
            VStack {
                Button {
                    scrollView?.setContentOffset(CGPoint(x: 0, y: 200), //<--- how to calculate yOffset for Circle #5
                                                 animated: true)
                } label: {
                    Text("Scroll to Circle 5")
                }

                ForEach(0..<20) { i in
                    Rectangle()
                        .fill(Color.gray)
                        .frame(height: 50)
                        .overlay(Text("Rectangle \(i)"))
                }
                
                Divider()
                    .padding()
                
                ForEach(0..<20) { i in
                    Circle()
                        .fill(Color.gray)
                        .frame(height: 60)
                        .overlay(Text("Circle \(i)"))
                        .background {
                            if i == 5 {
                                GeometryReader { geo in
                                    Color.clear
                                        .onAppear {
                                            targetCircleOffset = geo.frame(in: .named("scrollContent")).minY
                                        }
                                        .onChange(of: geo.frame(in: .named("scrollContent")).minY) { newValue in
                                            targetCircleOffset = newValue
                                        }
                                }
                            }
                        }
                }
                
            }
            .coordinateSpace(name: "scrollContent")
            .introspectScrollView { scrollView in
                self.scrollView = scrollView
            }
        }
    }
}

手动计算偏移的方案对布局变化的适配成本更高，无特殊需求优先选择方案1的原生实现。

内容的提问来源于stack exchange，提问作者JAHelia