SwiftUI：点击按钮实现ScrollView滚动到指定独立视图

要实现点击按钮滚动到View4，只需要给目标视图添加标识，并借助ScrollViewReader控制滚动，具体修改步骤如下：

• 给View4所在的容器（或View4本身）添加唯一id，用来定位视图
• 用ScrollViewReader包裹ScrollView内部的内容，获取滚动控制代理
• 添加一个状态变量触发滚动动作，配合onChange执行滚动逻辑

修改后的完整代码：

struct ContentView: View {
    // 状态变量，控制是否触发滚动到View4
    @State private var shouldScrollToView4 = false

    var body: some View {
        VStack {
            ScrollView {
                Button("Scroll to view 4") {
                    // 点击按钮时触发滚动标记
                    shouldScrollToView4 = true
                }
                .padding()

                ScrollViewReader { scrollProxy in
                    VStack(spacing: 0) {
                        VStack {
                            Divider()
                            View1()
                            Divider()
                        }

                        VStack {
                            Divider()
                            View2()
                            Divider()
                        }

                        VStack {
                            Divider()
                            View3()
                            Divider()
                        }

                        // 给View4的容器添加唯一id，用于定位
                        VStack {
                            Divider()
                            View4()
                            Divider()
                        }
                        .id("view4")

                        VStack {
                            Divider()
                            View5()
                            Divider()
                        }
                    }
                    // 监听状态变量变化，执行滚动
                    .onChange(of: shouldScrollToView4) { shouldScroll in
                        if shouldScroll {
                            withAnimation {
                                // 通过id定位视图，设置滚动锚点（可选，默认.center）
                                scrollProxy.scrollTo("view4", anchor: .top)
                            }
                            // 重置状态，避免重复触发
                            shouldScrollToView4 = false
                        }
                    }
                }
            }
        }
    }
}

// 示例子视图（保持原结构）
struct View1: View { var body: some View { Text("View 1").padding() } }
struct View2: View { var body: some View { Text("View 2").padding() } }
struct View3: View { var body: some View { Text("View 3").padding() } }
struct View4: View { var body: some View { Text("View 4").padding() } }
struct View5: View { var body: some View { Text("View 5").padding() } }

关键说明： #

1. id的作用：每个需要被滚动定位的视图都需要一个唯一的id，ScrollViewProxy通过这个id找到对应的视图位置。你也可以用自定义枚举、UUID等类型作为id，只要保证唯一即可。
2. ScrollViewReader：必须把需要滚动的内容包裹在ScrollViewReader内部，它提供的ScrollViewProxy是控制滚动的核心对象。
3. 状态变量触发：用@State变量作为开关，点击按钮时切换状态，onChange监听状态变化后执行滚动操作，完成后重置状态避免重复触发。
4. 动画可选：withAnimation可以让滚动过程更平滑，去掉的话会直接跳转到目标位置。

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