如何仅允许TabView在屏幕最右侧20%区域触发页面滑动手势？

要实现仅屏幕右侧20%区域触发TabView页面切换、其余区域优先响应内部拖拽的需求，推荐通过UIKit手势代理精准控制，以下是具体实现方案：

方案一：自定义限制区域的PageView（推荐） #

通过UIViewRepresentable包装UIPageViewController，直接控制其滑动手势的触发条件：

1. 实现自定义PageView包装类 #

import SwiftUI
import UIKit

struct RestrictedPageView<Content: View>: UIViewRepresentable {
    let contentViews: [Content]
    @Binding var currentPage: Int
    
    init(currentPage: Binding<Int>, @ViewBuilder content: () -> [Content]) {
        self._currentPage = currentPage
        self.contentViews = content()
    }
    
    func makeUIView(context: Context) -> UIPageViewController {
        let pageVC = UIPageViewController(transitionStyle: .scroll, navigationOrientation: .horizontal)
        pageVC.dataSource = context.coordinator
        pageVC.delegate = context.coordinator
        
        // 获取并设置滑动手势的代理
        if let panGesture = pageVC.view.gestureRecognizers?.first(where: { $0 is UIPanGestureRecognizer }) {
            panGesture.delegate = context.coordinator
        }
        
        // 初始化显示第一个页面
        updateCurrentPage(in: pageVC)
        return pageVC
    }
    
    func updateUIView(_ uiView: UIPageViewController, context: Context) {
        updateCurrentPage(in: uiView)
    }
    
    private func updateCurrentPage(in pageVC: UIPageViewController) {
        let hostingVC = UIHostingController(rootView: contentViews[currentPage])
        pageVC.setViewControllers([hostingVC], direction: .forward, animated: false)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    class Coordinator: NSObject, UIPageViewControllerDataSource, UIPageViewControllerDelegate, UIGestureRecognizerDelegate {
        let parent: RestrictedPageView
        
        init(parent: RestrictedPageView) {
            self.parent = parent
        }
        
        // 实现页面切换的数据源方法
        func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
            guard let currentIndex = getCurrentIndex(from: viewController) else { return nil }
            return currentIndex > 0 ? UIHostingController(rootView: parent.contentViews[currentIndex - 1]) : nil
        }
        
        func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
            guard let currentIndex = getCurrentIndex(from: viewController) else { return nil }
            return currentIndex < parent.contentViews.count - 1 ? UIHostingController(rootView: parent.contentViews[currentIndex + 1]) : nil
        }
        
        // 更新当前页面索引
        func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {
            guard completed, let currentVC = pageViewController.viewControllers?.first, let index = getCurrentIndex(from: currentVC) else { return }
            parent.currentPage = index
        }
        
        // 核心：仅允许右侧20%区域触发页面滑动
        func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
            guard let panGesture = gestureRecognizer as? UIPanGestureRecognizer else { return true }
            let touchPoint = panGesture.location(in: gestureRecognizer.view)
            let screenWidth = UIScreen.main.bounds.width
            return touchPoint.x > screenWidth * 0.8
        }
        
        private func getCurrentIndex(from viewController: UIViewController) -> Int? {
            guard let hostingVC = viewController as? UIHostingController<Content>,
                  let index = parent.contentViews.firstIndex(where: { $0.id == hostingVC.rootView.id }) else {
                return nil
            }
            return index
        }
    }
}

// 给视图添加ID标识，用于页面索引判断
extension View {
    func pageID(_ id: Int) -> some View {
        self.id(id)
    }
}

2. 改造MyView与主视图 #

// 你的自定义视图，包含拖拽组件
struct MyView: View {
    let index: Int
    
    var body: some View {
        VStack {
            Text("页面 \(index + 1)")
                .font(.largeTitle)
            // 示例拖拽组件
            DragComponent()
        }
        .pageID(index)
    }
}

// 示例拖拽组件
struct DragComponent: View {
    @State private var offset = CGSize.zero
    
    var body: some View {
        Circle()
            .frame(width: 100, height: 100)
            .foregroundColor(.blue)
            .offset(offset)
            .gesture(
                DragGesture()
                    .onChanged { offset = $0.translation }
                    .onEnded { _ in offset = .zero }
            )
    }
}

// 主视图使用自定义PageView
struct ContentView: View {
    @State private var currentPage = 0
    
    var body: some View {
        RestrictedPageView(currentPage: $currentPage) {
            [
                MyView(index: 0),
                MyView(index: 1),
                MyView(index: 2),
                MyView(index: 3),
                MyView(index: 4)
            ]
        }
        // 自定义页面指示器
        .overlay(
            HStack(spacing: 8) {
                ForEach(0..<5) { index in
                    Circle()
                        .frame(width: 8, height: 8)
                        .foregroundColor(index == currentPage ? .black : .gray)
                }
            }
            .padding(.bottom, 20),
            alignment: .bottom
        )
    }
}

方案二：SwiftUI原生手势拦截（简化版） #

如果不想依赖UIKit，可通过手势优先级设置，让非右侧区域的手势优先被内部组件响应：

TabView {
    ForEach(0..<5) { index in
        MyView(index: index)
            // 添加全屏手势，在非右侧区域吞噬滑动事件
            .gesture(
                DragGesture(minimumDistance: 0)
                    .onChanged { value in
                        let screenWidth = UIScreen.main.bounds.width
                        // 非右侧区域，阻止TabView响应手势
                        if value.startLocation.x <= screenWidth * 0.8 {
                            UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
                        }
                    }
                    .exclusively(before: DragGesture())
            )
    }
}
.tabViewStyle(PageTabViewStyle())
.indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))

注：该方案精准度略逊于UIKit方案，极端场景下可能仍存在手势冲突。

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