swiftUI 1.0 list 滚动到指定position

SwiftUI是Apple在2019年WWDC上推出的新一代UI框架，它为iOS、iPadOS、macOS、watchOS和tvOS等平台提供了声明式编程方式来构建用户界面。在SwiftUI 1.0中，开发人员经常会遇到一个需求，即在应用启动或者根据用户操作需要将列表(List)滚动到特定的位置。这个需求在许多场景下都很常见，比如导航到已保存的项目、显示新消息或更新后的数据等。 本文将深入探讨如何在SwiftUI 1.0中实现列表(List)滚动到指定位置的功能，并提供相关的代码示例。 我们需要理解SwiftUI中的List组件。List是一个可滚动的视图，可以用来展示一系列相同的数据模型。你可以通过绑定数组来填充列表，并且每个数组元素对应List中的一行。例如： ```swift struct ContentView: View { let items = ["Item 1", "Item 2", "Item 3", ...] // 这里是你的数据模型 var body: some View { List(items, id: \.self) { item in Text(item) } } } ``` 为了实现滚动到指定位置，我们可以利用`ScrollTo`函数。但是SwiftUI 1.0并没有内置的`ScrollTo`方法，所以我们需要自定义一个解决方案。一种常见的方法是通过环境对象(EnvironmentObject)和`ObservedObject`来实现。 创建一个环境对象来存储我们要滚动到的索引： ```swift class ScrollPosition: ObservableObject { @Published var indexToScroll: Int? = nil } ``` 然后，在你的视图结构体中添加环境对象，并监听`indexToScroll`的变化： ```swift struct ContentView: View { @EnvironmentObject var scrollPosition: ScrollPosition let items = ["Item 1", "Item 2", "Item 3", ...] var body: some View { List(items, id: \.self) { item in Text(item) .onAppear(perform: { if let index = self.scrollPosition.indexToScroll { withAnimation { self.list.scrollTo(index, anchor: .top) } self.scrollPosition.indexToScroll = nil // 为了避免重复滚动，清除索引 } }) } .environmentObject(scrollPosition) // 添加环境对象 } } ``` 现在，当你需要滚动到某个位置时，只需在代码中设置`ScrollPosition.indexToScroll`的值即可。例如，如果你想在启动时滚动到索引为2的位置，可以在初始化视图时进行设置： ```swift @main struct MyApp: App { let scrollPosition = ScrollPosition() var body: some Scene { WindowGroup { ContentView() .environmentObject(scrollPosition) .onAppear { scrollPosition.indexToScroll = 2 // 滚动到第3个元素（索引从0开始） } } } } ``` 这样，当你打开应用时，List会自动滚动到第3个元素。注意，滚动动画是通过`withAnimation`包裹来实现的，可以调整动画的参数以达到理想的效果。 总结，实现SwiftUI 1.0中的列表(List)滚动到指定位置，主要步骤包括：创建一个环境对象来存储滚动目标，监听环境对象的变化并在`onAppear`回调中调用`List.scrollTo`方法。这种方法既简单又灵活，可以适应各种滚动需求。在实际开发中，你还可以根据具体需求进行优化，比如增加滚动动画的控制、处理滚动错误等。