SwiftUI分页TabView禁用滑动切页后按钮区域仍可滑动问题

Page样式TabView默认支持左右滑动切换分页，通过给分页根视图添加DragGesture()的方案可以拦截普通视图区域的滑动切页，但从Button等交互控件区域发起滑动时，仍会触发默认分页切换，无法实现全区域滑动禁用。

异常效果 #

问题原因 #

普通的.gesture()修饰符手势优先级低于子视图的内置手势，Button等控件会优先处理自身交互，不会将滑动手势传递给外层根视图的拖拽手势，导致手势直接透传到底层TabView，触发默认滑动逻辑。

兼容方案（支持iOS14+） #

将分页根视图上的.gesture(DragGesture())替换为.highPriorityGesture(DragGesture())，高优先级手势会优先于所有子视图手势识别，拦截全区域的滑动事件，避免透传给TabView，且不会影响Button的正常点击响应。

修正后的核心代码：

struct TabViewTesting: View {
    
    @State var tabSelection = 0
    
    var body: some View {
       
        TabView(selection: $tabSelection) {
            
            firstView()
                .tag(0)
                .contentShape(Rectangle())
                // 高优先级手势拦截全区域滑动
                .highPriorityGesture(DragGesture())
            
            secondView()
                .tag(1)
                .contentShape(Rectangle())
                .highPriorityGesture(DragGesture())
            
            thirdView()
                .tag(2)
                .contentShape(Rectangle())
                .highPriorityGesture(DragGesture())
            
        }
        .tabViewStyle(.page(indexDisplayMode: .never))
    }
}

分页内部的Button实现不需要做任何修改，原有通过代码修改tabSelection切换分页的逻辑可正常运行。

iOS16+ 更简便方案 #

如果项目最低支持版本为iOS16及以上，不需要给每个分页单独加手势，直接给TabView添加官方提供的滚动禁用修饰符即可：

TabView(selection: $tabSelection) {
    // 分页视图内容
}
.tabViewStyle(.page(indexDisplayMode: .never))
.scrollDisabled(true) // 直接禁止TabView的滚动响应

内容的提问来源于stack exchange，提问作者Taimoor Arif