SwiftUI中子视图内NavigationStack局部导航实现问题

要实现Header固定、仅子视图区域导航切换的效果，核心是把NavigationStack的作用范围限定在需要动态替换的区域，而非覆盖整个页面。以下是调整后的实现方案：

正确代码示例 #

struct MainView: View {
    var body: some View {
        VStack(spacing: 0) {
            // 固定Header，不受导航操作影响
            Text("固定Header")
                .font(.largeTitle)
                .padding()
                .background(Color.white)
                .shadow(radius: 2)
            
            // 局部导航容器，仅替换此区域内的内容
            NavigationStack {
                ListView()
            }
        }
        .edgesIgnoringSafeArea(.bottom)
    }
}

struct ListView: View {
    var body: some View {
        List {
            NavigationLink("跳转到详情", destination: DetailView())
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("详情页面")
            .navigationTitle("详情")
            .navigationBarTitleDisplayMode(.inline)
    }
}

关键说明 #

1. 层级分离：固定Header与导航区域分属不同视图层级，Header处于NavigationStack外部，因此不会被导航跳转操作替换。
2. 局部导航范围：NavigationStack仅包裹需要动态切换的列表、详情等视图，跳转时只会更新该区域内容，完全匹配UIKit中ContainerView的效果。
3. 导航栏适配：若需自定义导航栏样式，直接在子视图（如DetailView）中设置即可，不会影响外部的固定Header。

如果不需要默认导航栏，也可以在NavigationStack中隐藏它，自行实现返回按钮：

NavigationStack {
    ListView()
        .navigationBarHidden(true)
}

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