SwiftUI中TabView内部DragGesture无法与TabView分页通过simultaneousGesture同时响应的问题

我明白你遇到的困扰：在使用PageTabViewStyle的TabView里，子视图的拖拽手势和TabView的分页手势没法同时触发，但同样的逻辑放在ScrollView里却能正常工作。这是因为TabView的内置分页手势和子视图的手势存在优先级竞争，系统默认会优先处理子视图的手势，导致TabView的分页无法同步响应。

解决方案：将拖动手势移至TabView层级 #

我们可以把自定义的DragGesture绑定到TabView本身，同时用状态变量跟踪当前页面，只在绿色页面时更新方块的位置。这样既能让TabView正常响应分页手势，又能实现方块的拖动效果。

修改后的代码如下：

struct ContentView: View {
    let colors:[Color] = [.red, .green, .blue]
    @State private var location: CGPoint = CGPoint(x: 100, y: 100);
    @State private var currentPage = 0 // 跟踪当前Tab页
    
    var simpleDrag: some Gesture {
        DragGesture()
            .onChanged { value in
                // 仅当当前是绿色页面时，更新方块位置
                if currentPage == 1 {
                    self.location = value.location
                }
            }
            .onEnded {_ in
            }
    }
    
    var body: some View {
        TabView(selection: $currentPage) {
            ForEach(Array(colors.enumerated()), id: \.element) { index, color in
                Group {
                    if color == .green {
                        VStack {
                            color
                                .frame(width:100, height: 100)
                                .position(location)
                        }
                    } else {
                        color
                    }
                }
                .frame(width: 200, height: 200)
                .tag(index) // 给每个页面添加tag，用于跟踪当前页
            }
        }
        .frame(width: 400, height: 400)
        .tabViewStyle(.page(indexDisplayMode: .never))
        .simultaneousGesture(simpleDrag) // 将手势绑定到TabView
    }
}

为什么之前的方法无效？ #

你原来的代码里，simultaneousGesture是加在绿色方块上的。虽然simultaneousGesture本意是让多个手势同时响应，但TabView的分页手势属于父视图的内置手势，子视图的手势没法直接触发父视图的内置手势同步响应。而把手势移到TabView层级后，simultaneousGesture就能让TabView的分页手势和自定义拖动手势同时被识别，实现你想要的联动效果。

额外说明 #

如果需要更精细的手势控制（比如区分水平和垂直拖动），还可以在DragGesture的onChanged里判断拖动方向——比如只在垂直拖动时更新方块位置，水平拖动时优先让TabView分页，但你的需求是同时响应，所以上述方案已经完全够用。

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