SwiftUI中跳转至下一页面时隐藏TabBar的实现方法

核心思路 #

通过共享状态控制UITabBar的显示与隐藏，借助UIKit的外观代理修改TabBar的透明度和交互性，避免将TabView嵌套到NavigationView中。

实现步骤 #

1. 创建状态管理器
   定义一个可被观察的状态类，用来在视图间共享TabBar的显示状态：

import SwiftUI

class TabBarManager: ObservableObject {
    @Published var isTabBarHidden = false
}

2. 根视图注入状态并控制TabBar外观
   在根TabView中，监听状态变化，通过UIKit的UITabBarController直接修改TabBar的显示属性：

struct MyRootScreen: View {
    @StateObject private var tabBarManager = TabBarManager()
    
    var body: some View {
        TabView {
            NavigationView {
                HomeScreen(tabBarManager: tabBarManager)
            }
            .tabItem {
                Image(systemName: "house")
            }
            
            Text("Account")
                .tabItem {
                    Image(systemName: "person")
                }
        }
        .onReceive(tabBarManager.$isTabBarHidden) { isHidden in
            guard let tabBarController = UIApplication.shared.windows.first?.rootViewController as? UITabBarController else { return }
            tabBarController.tabBar.alpha = isHidden ? 0 : 1
            tabBarController.tabBar.isUserInteractionEnabled = !isHidden
            tabBarController.tabBar.isTranslucent = isHidden
        }
    }
}

3. 跳转页面控制状态切换
   在Home页面跳转时设置隐藏状态，通知页面返回时恢复TabBar显示：

struct HomeScreen: View {
    @State private var showNotification: Bool = false
    @ObservedObject var tabBarManager: TabBarManager
    
    var body: some View {
        VStack {
            Button {
                showNotification = true
            } label: {
                Text("Show Notification")
            }
        }
        .overlay {
            NavigationLink("", isActive: $showNotification) {
                NotificationScreen(tabBarManager: tabBarManager)
                    .onDisappear {
                        tabBarManager.isTabBarHidden = false
                    }
            }
        }
    }
}

struct NotificationScreen: View {
    @ObservedObject var tabBarManager: TabBarManager
    
    var body: some View {
        Text("Notification Screen")
            .onAppear {
                tabBarManager.isTabBarHidden = true
            }
    }
}

说明 #

• 通过onReceive监听状态变化，直接操作UIKit的TabBar属性，实现无感知的隐藏/显示切换。
• 在目标页面的onAppear触发隐藏，onDisappear恢复状态，确保返回Tab页面时TabBar正常可用。
• 全程无需将TabView嵌套进NavigationView，完全符合需求。

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