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

【问题标题】：How to stop the page from being able to be scrolled up and down while using a paged tab view in swiftUI如何在swiftUI中使用分页选项卡视图时阻止页面向上和向下滚动
【发布时间】：2021-09-15 05:01:29
【问题描述】：

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

我的代码是这样的：

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

【问题讨论】：

这是一个已知问题。见这里stackoverflow.com/a/66817866/8197946

标签： swift xcode swiftui tabview

【解决方案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
        })
    }
}

【讨论】：