B48a0b6b6eddf8aa5f8ae5f63aa2c907
SwiftUI ScrollView 高级技巧之 01 单击按钮手动滚动到某个位置

实战需求

SwiftUI ScrollView 高级技巧之 01 单击按钮手动滚动到某个位置

开发过程中,有时开发人员希望以编程方式滚动到特定位置,或者希望从下到上滚动,例如聊天视图、交易视图等,我们希望在较旧时在底部显示最新的对话或交易在顶部,用户必须向上滚动才能看到最旧的项目。从 iOS14 开始,即在 SwiftUI 2 中,Apple 提供了一个 API” ScrollViewReader",可用于以编程方式滚动到某个位置。

本文价值与收获

看完本文后,您将能够作出下面的界面

截屏2021-07-24 上午9.53.33.png

截屏2021-07-24 上午9.53.33.png

Jietu20210724-095358-HD.gif

Jietu20210724-095358-HD.gif


实战代码

单击按钮手动滚动到某个位置

在下面的一段代码中,在滚动视图中创建 100 行,当按下按钮时,它将滚动到该特定行。注意: id必须设置才能以编程方式执行滚动
```
struct ManualScroll: View {
var body: some View {
ScrollViewReader { proxy in
ScrollView {

top Created with Sketch.