SwiftUI：TabView嵌套多层NavigationStack时如何实现内层页面推送？

问题原因 #

外层NavigationStack直接包裹TabView的结构，会导致所有Tab内的NavigationLink默认关联到外层导航栈，内层NavigationStack无法接管页面推送逻辑，出现点击后触发根节点导航栈推送的现象。

解决方案 #

方案一：移除外层NavigationStack（推荐） #

按照SwiftUI的设计规范，TabView的每个Tab应该维护独立的导航栈，而非共享外层的全局导航栈。修改后的代码如下：

struct TabViewTest: View {
    var body: some View {
        TabView {
            PresentView()
                .tabItem {
                    Image(systemName: "2.square.fill")
                }
            // 第二个Tab也可按需添加独立的NavigationStack
            NavigationStack {
                Text("Another Tab")
            }
            .tabItem {
                Image(systemName: "2.square.fill")
            }
        }
    }
}

// PresentView 和 PushedView 代码保持不变

这种方式下，每个Tab的导航栈完全独立，点击NavigationLink时会触发内层导航栈的推送，同时TabBar会保持显示，符合用户预期。

方案二：保留外层NavigationStack的适配 #

如果业务需求必须保留外层NavigationStack（比如需要全局统一的导航栏），可以通过两种方式确保内层导航栈接管推送：

1. 使用isActive绑定替代value方式

struct PresentView: View {
    @State var stack = NavigationPath()
    @State private var isPushed = false
    
    var body: some View {
        NavigationStack(path: $stack) {
            ZStack {
                Color.purple
                VStack {
                    NavigationLink(isActive: $isPushed) {
                        PushedView(stack: $stack)
                    } label: {
                        Image(systemName: "person")
                    }
                }
            }
            // 可选：隐藏内层导航栏，避免与外层导航栏冲突
            .navigationBarHidden(true)
        }
    }
}

2. 隔离导航目标类型
   确保外层NavigationStack不定义与内层相同类型的navigationDestination，这样SwiftUI会自动匹配内层的导航目标处理逻辑（你的原始代码中外层无对应navigationDestination，理论上可直接生效，若仍有问题可尝试显式隐藏内层导航栏）。

内容的提问来源于stack exchange，提问作者이기완