SwiftUI自定义导航栏后仍显示模糊底部栏的移除方案

针对自定义导航栏后仍残留默认模糊底部栏的问题，可通过以下几种方法彻底移除：

方法1：全局隐藏UITabBar默认外观 #

在App启动阶段（比如App结构体的init方法中）配置UITabBar的透明样式，从根源消除默认模糊栏：

init() {
    let tabBarAppearance = UITabBarAppearance()
    tabBarAppearance.configureWithTransparentBackground()
    UITabBar.appearance().standardAppearance = tabBarAppearance
    // 适配页面滚动时的栏样式
    UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
}

该方法全局生效，确保所有TabView都不会显示默认的模糊底部栏。

方法2：给目标TabView添加隐藏修饰符 #

直接给你的TabView添加.tabBarStyle(.hidden)修饰符（iOS 15及以上版本支持）：

TabView(selection: $activeTab) {
    // 你的各个页面视图
}
.tabBarStyle(.hidden)

此方式仅针对当前TabView生效，不会影响其他TabView的样式。

方法3：消除NavigationView的额外影响 #

若模糊栏是NavigationView的底部安全区背景导致，可给NavigationView添加隐藏导航栏+忽略安全区的设置：

NavigationView {
    ZStack(alignment: .bottom) {
        // 你的TabView和自定义NavBar
    }
    .navigationBarHidden(true)
    .edgesIgnoringSafeArea(.bottom) // 根据实际布局调整是否需要
}

补充检查项 #

你代码中用到的HideTabBar视图如果是通过UIKit桥接实现的，需确认它已正确设置UITabBar.isHidden = true，避免因条件判断或异步逻辑导致未生效。建议优先使用上述更可靠的系统API方式，减少潜在问题。

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