SwiftUI如何实现从TabView内页面跳转后隐藏目标页面的TabBar

跳转后登录页仍显示TabBar的核心原因是：你当前使用的NavigationLink属于TabView内部子页面的导航栈跳转，TabView作为父容器会固定显示在所有内部导航页面的底部。

方案1：全局根视图切换（最符合业务逻辑，全系统版本兼容） #

登录态为全局状态，直接通过切换应用根视图的方式实现登出跳转，完全脱离TabView层级，自动移除TabBar。

1. 首先创建全局登录状态管理类：

class UserAuth: ObservableObject {
    static let shared = UserAuth()
    // 登录状态同步存储到UserDefaults
    @Published var isLoggedIn: Bool {
        didSet {
            UserDefaults.standard.set(isLoggedIn, forKey: "user_login_status")
        }
    }
    
    init() {
        self.isLoggedIn = UserDefaults.standard.bool(forKey: "user_login_status")
    }
}

2. 在应用入口根视图中根据登录状态渲染对应页面：

@main
struct YourApp: App {
    @StateObject private var userAuth = UserAuth.shared
    
    var body: some Scene {
        WindowGroup {
            if userAuth.isLoggedIn {
                // 已登录状态显示Tab页
                TabView{
                    MainUIView()
                        .tabItem{
                            Image(systemName: "house")
                            Text("main9")
                        }
                    Text("Inserte su anuncio AQUI!")
                        .tabItem{
                            Image("aidi")
                            Text("Hello")
                        }
                    ProfileUIView()
                        .tabItem{
                            Image(systemName: "person.fill")
                            Text("perfil")
                        }
                }
                .accentColor(Color("blueColor"))
            } else {
                // 未登录状态直接显示登录页
                LoginUIView()
            }
        }
    }
}

3. 替换原来的NavigationLink为Button，登出时直接修改全局登录状态：

Button {
    // 清除所有用户相关存储数据
    UserDefaults.standard.dictionaryRepresentation().keys.forEach { key in
        UserDefaults.standard.removeObject(forKey: key)
    }
    // 切换登录状态触发根视图切换
    UserAuth.shared.isLoggedIn = false
} label: {
    HStack(alignment: .center){
        Image("exit")
            .resizable(resizingMode: .stretch)
            .frame(width: 30.0, height: 30.0)
            .padding(.top,UIScreen.main.bounds.width / 5)
            .padding(.trailing,50)
    }
}

方案2：单独隐藏当前页面TabBar（仅支持iOS 16及以上版本） #

如果需要保留导航栈跳转逻辑，直接给目标登录页添加toolbar修饰符隐藏TabBar即可，修改后的NavigationLink代码如下：

NavigationLink(destination: LoginUIView()
    .navigationTitle("")
    .navigationBarHidden(true)
    .navigationBarBackButtonHidden(true)
    // 新增以下代码隐藏当前页面的TabBar
    .toolbar(.hidden, for: .tabBar)
) {
    HStack(alignment: .center){
        Image("exit")
            .resizable(resizingMode: .stretch)
            .frame(width: 30.0, height: 30.0)
            .padding(.top,UIScreen.main.bounds.width / 5)
            .padding(.trailing,50)
    }
}

内容的提问来源于stack exchange，提问作者Laura Ramírez