SwiftUI如何阻止PageTabViewStyle的TabView首尾页面滑动回弹

你的现有尝试存在两个核心问题：一是仅处理了第一个页面的右滑偏移判断，未覆盖最后一个页面的左滑场景；二是自定义的DragGesture优先级低于TabView原生手势，无法有效拦截回弹触发逻辑。

下面是修正后的解决方案，通过绑定页面索引+高优先级手势拦截的方式，精准禁止边界页面的无效回弹：

struct ContentView: View {
    @State private var currentIndex = 0
    // 根据实际页面数量调整总页数
    private let totalPages = 3

    var body: some View {
        TabView(selection: $currentIndex) {
            Text("Example 1")
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .background(Color.red)
                .tag(0)

            Text("Example 2")
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .background(Color.green)
                .tag(1)

            Text("Example 3")
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .background(Color.blue)
                .tag(2)
        }
        .tabViewStyle(PageTabViewStyle())
        // 用高优先级手势拦截边界页面的无效拖拽
        .highPriorityGesture(
            DragGesture(minimumDistance: 0)
                .onChanged { gesture in
                    // 第一个页面：阻止向右拖拽（避免左边界回弹）
                    if currentIndex == 0 && gesture.translation.x > 0 {
                        // 消耗手势，原生TabView不会响应该拖拽
                    }
                    // 最后一个页面：阻止向左拖拽（避免右边界回弹）
                    else if currentIndex == totalPages - 1 && gesture.translation.x < 0 {
                        // 消耗手势，原生TabView不会响应该拖拽
                    }
                }
        )
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

关键说明 #

1. 页面索引绑定：通过TabView(selection: $currentIndex)和页面的.tag()标记，实时跟踪当前显示的页面位置。
2. 高优先级手势：highPriorityGesture确保自定义手势优先于TabView原生手势，在边界页面的无效拖拽方向上，直接消耗手势，阻止原生回弹逻辑触发。
3. 方向判断：
   • 第一个页面时，向右拖拽（试图拉出左边界）会被拦截
   • 最后一个页面时，向左拖拽（试图拉出右边界）会被拦截

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