Swift 5.8.1中如何统一设置TabView栏的毛玻璃样式？

1. 全局统一设置，无需逐个视图添加 #

你不需要在每个子视图中重复添加毛玻璃效果，直接在TabView层级封装自定义栏并隐藏原生TabBar即可实现全局生效：

步骤1：隐藏原生TabBar #

可以在App启动时或MainView初始化阶段设置，也可以使用iOS 16+支持的SwiftUI修饰符直接隐藏：

// 方式1：全局设置（适合全版本）
UITabBar.appearance().isHidden = true

// 方式2：SwiftUI修饰符（iOS 16+）
TabView { /* ... */ }.tabBarHidden(true)

步骤2：在MainView中统一添加自定义毛玻璃栏 #

将自定义毛玻璃栏嵌套在TabView的ZStack中，所有子视图都会共享这个栏，无需重复编写：

struct MainView: View {
    @State private var selectedTab = 0
    
    var body: some View {
        ZStack(alignment: .bottom) {
            TabView(selection: $selectedTab) {
                TestView()
                    .tag(0)
                // 其他子视图...
            }
            .tabBarHidden(true) // iOS 16+隐藏原生TabBar
            
            // 全局统一的毛玻璃Tab栏
            CustomTabBar(selectedTab: $selectedTab)
        }
    }
}

// 可复用的自定义毛玻璃Tab栏组件
struct CustomTabBar: View {
    @Binding var selectedTab: Int
    
    var body: some View {
        FrostedGlassView()
            .frame(height: tabBarHeight)
            .overlay(
                HStack(spacing: 0) {
                    // Tab按钮示例：首页
                    Button {
                        selectedTab = 0
                    } label: {
                        VStack(spacing: 4) {
                            Image(systemName: selectedTab == 0 ? "house.fill" : "house")
                            Text("首页")
                                .font(.caption)
                        }
                        .foregroundColor(selectedTab == 0 ? .blue : .gray)
                        .frame(maxWidth: .infinity)
                    }
                    
                    // 更多Tab按钮...
                }
            )
            .edgesIgnoringSafeArea(.horizontal)
    }
    
    // 获取准确的TabBar高度
    private var tabBarHeight: CGFloat {
        let keyWindow = UIApplication.shared.connectedScenes
            .filter { $0.activationState == .foregroundActive }
            .compactMap { $0 as? UIWindowScene }
            .first?.windows
            .first { $0.isKeyWindow }
        
        // 原生TabBar基础高度49pt + 底部安全区高度
        return (keyWindow?.safeAreaInsets.bottom ?? 0) + 49
    }
}

2. 准确获取TabBar高度的方法 #

硬写固定高度（比如90）无法适配不同设备的底部安全区差异，上述代码中通过获取当前活跃窗口的安全区高度，加上原生TabBar的基础高度49pt，就能得到准确的总高度，适配所有iOS设备。

3. 关于逐个视图添加的方式 #

这种方式并非最优解，会造成代码冗余，后续修改样式时需要逐个视图调整，维护成本高。全局封装的组件化方式更符合SwiftUI的设计思想，代码复用性和可维护性更强。

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