swiftui - 将 ScrollView 位置重置到页面顶部

Question

我试图在视图出现时将滚动重置到页面顶部（例如，当您从导航链接导航回来时）。ScrollView 嵌入在带有大标题的 NavigationView 中。

使用下面的代码，我可以使用ScrollViewReaderand将滚动重置到页面上的第一个元素scrollTo。

但是，我希望视图一直滚动到顶部，以便重新出现大型导航栏标题。相反，我只看到内联标题。

有没有更好的方法来重置滚动到页面的最顶部并显示大导航栏标题？

import SwiftUI

struct ContentView: View {
    
    var body: some View {
        NavigationView {
            ScrollView {
                ScrollViewReader { value in
                    ForEach(0..<10) { i in
                        HStack {
                            Spacer()
                            NavigationLink(destination: Text("Destination"), label: { Text("\(i)") })
                                .padding(.bottom, 100)
                            Spacer()
                        }
                        .id(i)
                    }
                    .onAppear() {
                        value.scrollTo(0)
                    }
                }
            }
            .navigationBarTitle("Scroll Test")
        }
    }
}

Answer 1

目前 api 不允许这样的功能。让我们希望下周能改变这一点。

同时，您可以实施此解决方法：https ://developer.apple.com/forums/thread/127737

它通过清除数据来强制视图重绘来工作。

为了使您的示例起作用，您必须

1. 创建一个@State变量，如

@State var data = Array(0..<10)

2. 替换你ForEach的

ForEach(data, id: \.self)

2. 在onAppear

至

.onAppear {
    data = []
    DispatchQueue.main.asyncAfter(deadline: .now() + 0.01) {
        data = Array(1..<10)
    }