SwiftUI Scrollview 如何随意滚动到某个位置 顶部底部任意位置（教程含源码）

实战需求

SwiftUI Scrollview 如何随意滚动到某个位置

• 顶部
• 中间
• 底部
• 任意位置
• 自定义背景颜色

---

本文价值与收获

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

Scrollview 如何随意滚动

Scrollview 如何随意滚动

---

参考资料

相关资料：参考资料

---

看完本文您将掌握的技能

• GeometryReader
• Button
• ForEach
• .background(Color.blue.opacity(0.25))
• .edgesIgnoringSafeArea(.all)
• UIViewControllerRepresentable

---

基础知识

GeometryReader

一个容器视图，根据其自身大小和坐标空间定义其内容。

@frozen struct GeometryReader where Content : View

总览
此视图将灵活的首选大小返回到其父布局。

ForEach

一种结构，用于根据已标识数据的基础集合按需计算视图。

struct ForEach where Data : RandomAccessCollection, ID : Hashable

---

主题

创建视图集合

1、init(Range, content: (Int) -> Content)

创建一个实例，该实例在给定的恒定范围内按需计算视图。
在Datais Range，IDis Int和Content符合时可用View。

2、init(Data, content: (Data.Element) -> Content)

创建一个实例，该实例基于基础数据的身份唯一地标识并创建跨更新的视图。
当Data符合，是，符合和符合时可用。RandomAccessCollectionIDData.Element.IDContentViewData.ElementIdentifiable

3、init(Data, id: KeyPath, content: (Data.Element) -> Content)

根据提供的基础数据标识符的关键路径，创建一个实例，该实例唯一地标识并创建跨更新的视图。
Data符合，符合和符合时可用。RandomAccessCollectionIDHashableContentView

---

---

实战代码