添加.tabViewStyle(.page)修饰符导致TabbedView内NavigationStack导航异常

当给TabView添加.tabViewStyle(.page)修饰符后，嵌入其中的NavigationStack会出现交互异常：点击NavLink进入详情页再返回后，所有点击操作都失效。这是SwiftUI中PageTabViewStyle的手势识别与NavigationStack的事件处理存在冲突导致的——返回后Page样式的手势识别器没有正确释放对事件的拦截。

下面提供几种可行的解决方法：

方法一：将NavigationStack移到TabView外部（推荐） #

让整个页面共享一个导航栈，避免每个Tab页单独的NavigationStack与Page样式的手势冲突，这也是最符合SwiftUI设计逻辑的方案：

struct TabbedView: View {
    var body: some View {
        NavigationStack {
            TabView {
                NavContent()
                    .tag(1)
                NavContent()
                    .tag(2)
            }
            .tabViewStyle(.page)
        }
    }
}

struct NavContent: View {
    let arrs: [String] = ["First Group", "Second Group"]
    
    var body: some View {
        ForEach(arrs, id: \.self) { _ in
            NavigationLink("Link") {
                Text("test")
            }
        }
        .listStyle(PlainListStyle())
    }
}

方法二：禁用TabView的页面滑动手势 #

如果不需要PageTabViewStyle的滑动切换功能，可以直接禁用页面的交互式消失手势，避免手势冲突：

struct TabbedView: View {
    var body: some View {
        TabView {
            NavStack()
                .tag(1)
            NavStack()
                .tag(2)
        }
        .tabViewStyle(.page)
        .interactiveDismissDisabled()
    }
}

struct NavStack: View {
    let arrs: [String] = ["First Group", "Second Group"]
    
    var body: some View {
        NavigationStack {
            ForEach(arrs, id: \.self) {_ in
                NavigationLink("Link") {
                    Text("test")
                }
            }
            .listStyle(PlainListStyle())
        }
    }
}

方法三：提升NavigationStack的点击手势优先级 #

通过高优先级手势确保点击事件不被PageTabViewStyle的手势拦截：

struct NavStack: View {
    let arrs: [String] = ["First Group", "Second Group"]
    
    var body: some View {
        NavigationStack {
            ForEach(arrs, id: \.self) {_ in
                NavigationLink("Link") {
                    Text("test")
                }
            }
            .listStyle(PlainListStyle())
        }
        .highPriorityGesture(TapGesture())
    }
}

// TabbedView代码保持不变

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