SwiftUI TabView：如何禁用滑动切换标签直至用户完成操作

你的核心问题是通过条件渲染tab2View的方式无法让TabView正确响应页面切换——初始状态下TabView仅包含一个页面，即便后续添加第二个页面，PageTabViewStyle的滑动逻辑也无法及时更新。以下是两种可行的改进方案：

方案一：拦截选择变化限制切换 #

始终在TabView中保留两个页面，通过监听selection的变化阻止未授权的切换：

struct ContentView: View {
    @State private var selection = 0
    @State var allowSwipeTo2 = false

    var body: some View {
        VStack {
            Text("Main Content View")
            Text(String(allowSwipeTo2))
                .font(.system(size: 18))
        }
        
        TabView(selection: $selection){
            tab1View(allowSwipeTo2: $allowSwipeTo2)
                .tag(0)
            
            tab2View()
                .tag(1)
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        // 拦截选择变化，禁止未授权切换到tab2
        .onChange(of: selection) { newValue in
            if newValue == 1 && !allowSwipeTo2 {
                selection = 0
            }
        }
    }
}

该方案实现简单：用户尝试滑动到tab2时，系统会自动将选择切回tab1，同时保留TabView原生滑动反馈（仅会弹回原页面）。

方案二：禁用未授权的滑动手势 #

如果想完全禁止用户在未完成输入时触发滑动操作，可以自定义手势拦截，配合选择限制：

struct ContentView: View {
    @State private var selection = 0
    @State var allowSwipeTo2 = false

    var body: some View {
        VStack {
            Text("Main Content View")
            Text(String(allowSwipeTo2))
                .font(.system(size: 18))
        }
        
        TabView(selection: $selection){
            tab1View(allowSwipeTo2: $allowSwipeTo2)
                .tag(0)
                // 未完成时用空手势覆盖原生滑动，禁止向右切换
                .gesture(allowSwipeTo2 ? nil : DragGesture())
            
            tab2View()
                .tag(1)
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        .onChange(of: selection) { newValue in
            if newValue == 1 && !allowSwipeTo2 {
                selection = 0
            }
        }
    }
}

这里给tab1添加了空的DragGesture()，会覆盖TabView的原生滑动手势，用户未完成输入时根本无法触发滑动操作，体验更直观。

原代码失效原因解析 #

你原代码中通过if allowSwipeTo2 == true才添加tab2View，初始时TabView仅包含一个页面。当allowSwipeTo2变为true后，TabView会重新渲染并添加第二个页面，但PageTabViewStyle的内部布局需要重新计算，导致滑动逻辑无法及时更新，因此即便添加了页面，用户也无法立即滑动切换。

额外优化建议 #

• 在tab1未完成时添加视觉提示（比如按钮高亮、文本提示），明确告知用户需完成输入才能进入下一页；
• 保留你已实现的stepperDisabled逻辑，确保用户确认后无法修改输入。

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