SwiftUI中如何实现Hosting View的透明背景效果？

1. 全局配置UIHostingController背景 #

你遇到的Hosting View背景不透明问题，是因为UIHostingController的根视图默认自带白色背景，且该配置优先级高于通用UIView的外观代理设置，可通过全局统一配置解决：
将以下代码放在应用启动的最早期执行（比如@main App结构体的init方法，或didFinishLaunchingWithOptions生命周期内）：

// 全局统一设置所有UIHostingController的根视图背景为透明
UIHostingController.appearance().view.backgroundColor = .clear

如果需要兼容更早的iOS版本，也可以通过扩展UIHostingController实现：

extension UIHostingController {
    open override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .clear
    }
}

2. 系统容器视图专项配置 #

TabView、NavigationView等系统容器自带的毛玻璃/纯色背景属于组件私有层，需要单独配置：

• 导航栏（NavigationStack/NavigationView）配置

UINavigationBar.appearance().backgroundColor = .clear
UINavigationBar.appearance().shadowImage = UIImage()
// iOS16+可搭配SwiftUI原生修饰符使用
.navigationBarBackground(.hidden)

• 标签栏（TabView）配置

UITabBar.appearance().backgroundColor = .clear
UITabBar.appearance().shadowImage = UIImage()
// iOS16+可搭配SwiftUI原生修饰符使用
.toolbarBackground(.hidden, for: .tabBar)

• 列表（List）配置
  List默认自带系统背景，需要额外添加修饰符隐藏：

.scrollContentBackground(.hidden)

3. 通用透明背景修饰符 #

你可以封装统一的修饰符批量给视图添加透明背景配置，避免漏写：

extension View {
    func globalTransparentBackground() -> some View {
        self
            .background(Color.clear)
            .scrollContentBackground(.hidden)
            .toolbarBackground(.hidden)
    }
}

注意事项 #

• 所有全局外观配置必须在对应视图渲染前执行，不要放在单个视图的onAppear方法内，避免出现配置晚于渲染导致的不生效问题
• 若需要适配iOS15及以下版本，系统组件的背景隐藏需要补充版本适配逻辑，比如iOS15以下修改导航栏背景需要调用setBackgroundImage(_:for:)方法
• 避免重复修改同一视图的背景属性，防止出现渲染冲突导致切换配色方案时的显示异常

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