在 swiftUI 中使用分页选项卡视图时如何阻止页面上下滚动

Question

我正在尝试构建一个应用程序，在分页选项卡视图中显示一周中的不同日期，但是当我横向滚动到某一天（例如星期二）时，我可以上下滚动它，就好像它是滚动视图一样。我的内容视图中没有滚动视图。

我的代码是这样的：

struct ContentView: View {
    var body: some View {
        TabView {
            Text("Saturday")
            Text("Sunday")
            Text("Monday")
            Text("Tuesday")
            Text("Wednesday")
            Text("Thursday")
            Text("Friday")
        }
        .tabViewStyle(PageTabViewStyle())
    }
}

Answer 1

你可以这样做

放入TabView里面ScrollView与.onAppear()

.onAppear(perform: {
            UIScrollView.appearance().alwaysBounceVertical = false
})  

struct ContentView: View {
    var body: some View {
        ScrollView(.vertical, showsIndicators: false) {
            TabView {
                Text("Saturday")
                Text("Sunday")
                Text("Monday")
                Text("Tuesday")
                Text("Wednesday")
                Text("Thursday")
                Text("Friday")
            }
            .tabViewStyle(PageTabViewStyle())
            .frame(width: 300, height: 600, alignment: .center)
        }
        .frame(width: 300, height: 600, alignment: .center)
        .background(Color.blue)
        .onAppear(perform: {
            UIScrollView.appearance().alwaysBounceVertical = false
        })
    }
}