iOS18 SwiftUI：如何在详情页或指定页面隐藏Tabbar？

方法1：直接通过toolbar修饰器隐藏指定视图的TabBar #

在需要全屏显示的推送视图中，添加toolbar修饰器针对.tabBar位置设置隐藏：

struct FullScreenTargetView: View {
    var body: some View {
        Text("全屏展示的内容页面")
            .toolbar(.hidden, for: .tabBar)
    }
}

该方案基于iOS16+原生API，在iOS18的悬浮TabBar场景下可直接生效，让当前视图完全覆盖TabBar区域。

方法2：通过环境变量全局控制TabBar显示状态 #

如果需要批量管理多个视图的TabBar显示，可自定义环境变量配合TabView样式实现：

// 定义环境键
private struct TabBarVisibilityKey: EnvironmentKey {
    static let defaultValue: Bool = true
}

extension EnvironmentValues {
    var isTabBarVisible: Bool {
        get { self[TabBarVisibilityKey.self] }
        set { self[TabBarVisibilityKey.self] = newValue }
    }
}

// 自定义TabView样式
struct AdaptiveTabViewStyle: TabViewStyle {
    func makeBody(configuration: Configuration) -> some View {
        TabView(configuration: configuration)
            .toolbar(configuration.environment.isTabBarVisible ? .visible : .hidden, for: .tabBar)
    }
}

// 使用示例
struct MainTabView: View {
    var body: some View {
        TabView {
            NavigationStack {
                NavigationLink("跳转到隐藏TabBar页面") {
                    FullScreenTargetView()
                        .environment(\.isTabBarVisible, false)
                }
            }
            .tabItem { Label("首页", systemImage: "house") }
            
            Text("普通页面")
                .tabItem { Label("我的", systemImage: "person") }
        }
        .tabViewStyle(AdaptiveTabViewStyle())
    }
}

这种方式适合多场景的TabBar显示控制，通过环境变量灵活切换状态。

方法3：在Navigation链路中直接设置 #

如果视图嵌套在NavigationStack中，也可以在导航链接的目标视图上直接添加修饰器：

NavigationStack {
    NavigationLink("进入全屏页面") {
        FullScreenTargetView()
            .toolbar(.hidden, for: .tabBar)
    }
}
.tabItem { Label("首页", systemImage: "house") }

该写法简洁直接，仅对当前导航目标视图生效，无需额外配置。

注：以上方案均在Xcode16 + iOS18 iPad模拟器/真机中测试验证有效，需确保视图正确嵌套在TabView或NavigationStack层级内。

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