如何让SwiftUI TabBar背景始终保持透明？

要解决滚动时TabBar出现默认不透明背景的问题，仅设置backgroundColor = .clear不够，还需要处理iOS系统针对滚动场景的TabBar外观配置，以及移除默认的背景图和阴影。

完整解决方案代码 #

修改你的初始化代码，补充以下关键设置：

init() {
    // 创建自定义TabBar外观
    let tabBarAppearance = UITabBarAppearance()
    tabBarAppearance.backgroundColor = .clear
    tabBarAppearance.shadowColor = .clear // 移除TabBar顶部的默认阴影线
    
    // 应用标准外观和滚动边缘外观
    UITabBar.appearance().standardAppearance = tabBarAppearance
    UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance // 核心：解决滚动时的背景问题
    
    // 移除默认背景图和阴影图
    UITabBar.appearance().backgroundImage = UIImage()
    UITabBar.appearance().shadowImage = UIImage()
    
    // 保留你原来的设置
    UITabBar.appearance().unselectedItemTintColor = .white
}

关键说明 #

• scrollEdgeAppearance：iOS 13+新增的配置，当页面内容滚动到TabBar区域下方时，系统会自动切换使用这个外观。如果不将其背景设为透明，滚动时就会出现默认的不透明背景。
• backgroundImage和shadowImage：系统默认会给TabBar添加背景图和阴影线，将它们设为空UIImage()可以彻底移除这些默认元素。
• shadowColor = .clear：确保TabBar顶部的分隔阴影线也被移除，让自定义背景完全展示。

内容的提问来源于stack exchange，提问作者bjorn.lau