如何自定义iPadOS 18的Tab Bar背景颜色？

针对iPadOS更新后原生Tab Bar默认浅灰/白色背景无法直接修改的问题，以下是SwiftUI和UIKit两种框架下的实现方案：

SwiftUI 实现 #

全局统一设置（应用层级） #

在App结构体的初始化方法中配置全局TabBar样式：

import SwiftUI

@main
struct YourApp: App {
    init() {
        // 设置TabBar背景色为深灰色
        UITabBar.appearance().backgroundColor = .darkGray
        // 关闭半透明效果，确保背景色完全展示
        UITabBar.appearance().isTranslucent = false
    }
    
    var body: some Scene {
        WindowGroup {
            TabView {
                // 页面内容示例
                Text("首页")
                    .tabItem { Label("首页", systemImage: "house") }
                Text("设置")
                    .tabItem { Label("设置", systemImage: "gear") }
            }
        }
    }
}

局部TabView自定义 #

针对单个TabView单独设置背景：

TabView {
    Text("首页")
        .tabItem { Label("首页", systemImage: "house") }
    Text("发现")
        .tabItem { Label("发现", systemImage: "magnifyingglass") }
    Text("我的")
        .tabItem { Label("我的", systemImage: "person") }
}
// 设置TabBar背景色
.toolbarBackground(Color.darkGray, for: .tabBar)
// 强制显示背景，避免被系统隐藏
.toolbarBackground(.visible, for: .tabBar)

UIKit 实现 #

在UITabBarController中直接修改TabBar属性：

import UIKit

class CustomTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 自定义深色背景色
        tabBar.backgroundColor = UIColor(red: 0.1, green: 0.1, blue: 0.1, alpha: 1.0)
        // 关闭半透明，确保背景色正常显示
        tabBar.isTranslucent = false
        // 可选：移除默认阴影线
        tabBar.shadowImage = UIImage()
        tabBar.backgroundImage = UIImage()
    }
    
    // 适配明暗模式（可选）
    override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
        super.traitCollectionDidChange(previousTraitCollection)
        if traitCollection.userInterfaceStyle == .dark {
            tabBar.backgroundColor = .black
        } else {
            tabBar.backgroundColor = .darkGray // 浅色模式下也保持深色背景，按需调整
        }
    }
}

关键注意点 #

• 必须将isTranslucent设为false，否则系统的半透明效果会覆盖自定义背景色，导致颜色显示偏淡。
• 如果使用系统颜色或自定义Asset颜色，确保在明暗模式下的适配逻辑符合需求。

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