使用 ScrollView 可以非常容易地添加水平和垂直滚动。ScrollView 是一个容器视图,可以放置其他视图,并提供了滚动操作。可以通过设置 ScrollView 的 axis 属性来指定滚动方向。当 axis 属性为 .horizontal 时,ScrollView 会使用水平滚动。当 axis 属性为 .vertical 时,ScrollView 会使用垂直滚动。
以下是一个示例代码:
ScrollView(.vertical) {
VStack {
ForEach(0..<100) { index in
Text("Row \(index)")
.frame(width: 200, height: 50, alignment: .center)
}
}
}
在上面的代码中,我们使用了一个垂直的 ScrollView,并在其中放置了一个垂直方向的 VStack。VStack 中放置了一个包含 100 行文本的 ForEach 循环。每行都有一个固定的尺寸和文字内容。
在实际使用中,你可以将任意的视图放置在 ScrollView 中,并使用滚动来查看其中的内容。