ScrollView （SwiftUI中文文档手册）

ScrollView

一个可以滚动的视图

struct ScrollView<Content> where Content : View

滚动视图在可滚动内容区域内显示其内容。

---

主题

创建滚动视图

1、init(Axis.Set, showsIndicators: Bool, content: () -> Content)

创建一个新实例，该实例可以在给定轴的方向上滚动，并且可以在滚动时显示指示器。

配置滚动视图

2、var content: Content

滚动视图的内容。

3、var axes: Axis.Set

滚动视图的可滚动轴。

4、var showsIndicators: Bool

一个值，该值指示滚动视图是否以适合平台的方式显示内容偏移量的可滚动组件。

参考代码

import SwiftUI

struct ContentView: View {
    @State var images:[String] =  ["1","2","3","4"]
    var body: some View {
        NavigationView{
            VStack{
                ScrollView(Axis.Set.horizontal){
                    HStack{
                        ForEach(self.images,id:\.self){ item in
                            NavigationLink(destination: Text(item)){
                                Image(item)
                                    .resizable()
                                    .aspectRatio(contentMode: ContentMode.fill)
                                    .frame(width: 300, height: 200)
                                    .clipped()
                            }
                        }
                    }
                }
            }
        }
    }
}

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470