SwiftUI中外层NavigationView内嵌TabView的导航栏异常如何解决？

常规SwiftUI开发最佳实践是将NavigationView嵌套在TabView内部以保证交互正常，但当前业务场景需要在进入TabView前的流程中提前声明NavigationView：用户首先需要完成注册登录流程，该流程依赖NavigationView实现页面跳转。
当前异常表现：用户完成注册进入TabView页面后，导航栏无法正常工作，要么始终显示同一个导航栏，要么完全不显示导航栏。

• 根视图MyApp中声明全局NavigationView：

@main
struct MyApp: App {
    var body: some Scene {
        WindowGroup {
            NavigationView{
                StartView()
            }
        }
    }
}

• 初始页面StartView包含跳转登录、注册页面的NavigationLink：

struct StartView: View {
    var body: some View {
        VStack{
            // 跳转登录页
            NavigationLink(destination: LoginView(), label: {
                Text("Login View")
            })

            // 跳转注册页
            NavigationLink(destination: RegistrationView(), label: {
                Text("Registration View")
            })
        }
    }
}

• 注册流程包含多个自定义应用配置页面，流程最后一页通过NavigationLink跳转至承载TabBar的主页面MainView（用户完成注册/登录后展示的主页面）：

NavigationLink(destination: MainView(), label: { Text("To the Main View") })

• MainView为出现导航栏异常的TabView承载页，内部实现三个标签页，同时设置了TabBar样式：

struct MainView: View {
    
    // 配置TabBar颜色
    init() {
        UITabBar.appearance().backgroundColor = UIColor.white
    }
    
    var body: some View {
        
        TabView(){
            
            // 第一个标签页
            FirstView()
                .tabItem{
                    Image(systemName: "person")
                }
            
            // 第二个标签页
            SecondView()
                .tabItem{
                    Image(systemName: "person")
                }
            
            // 第三个标签页
            ThirdView()
                .tabItem{
                    Image(systemName: "person")
                }
        }
    }
}

问题本质：根节点声明的全局NavigationView会将整个TabView识别为登录注册流程导航栈的普通子页面，Tab切换时不会触发导航栈状态更新，因此出现导航栏状态混乱。
仅需要两处小改动即可修复问题：

1. 进入MainView时隐藏外层全局NavigationView的导航栏，阻断外层导航栏对Tab内部页面的干扰，给MainView根节点添加.navigationBarHidden(true)修饰符。
2. 给TabView内每个标签页的根视图单独包裹导航容器（iOS16+用NavigationStack，低版本用NavigationView），让每个标签页维护独立的导航栈，不再复用外层登录流程的导航栈。

修改后的MainView代码参考：

struct MainView: View {
    
    init() {
        UITabBar.appearance().backgroundColor = UIColor.white
    }
    
    var body: some View {
        TabView(){
            // 第一个标签页
            NavigationStack {
                FirstView()
                    .navigationTitle("首页")
            }
            .tabItem{
                Image(systemName: "person")
            }
            
            // 第二个标签页
            NavigationStack {
                SecondView()
                    .navigationTitle("功能页")
            }
            .tabItem{
                Image(systemName: "person.2")
            }
            
            // 第三个标签页
            NavigationStack {
                ThirdView()
                    .navigationTitle("个人中心")
            }
            .tabItem{
                Image(systemName: "gear")
            }
        }
        .navigationBarHidden(true)
    }
}

可选优化：跳转至MainView后，记得重置登录流程中NavigationLink的激活状态为false，清空登录流程的导航栈，避免用户在主页面侧滑时直接返回登录/注册页面。

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