SwiftUI TabView自定义异常：混合UIKit无法同时设置多项样式求助

问题原因 #

你的代码逻辑顺序有误：先设置了UITabBar.appearance().unselectedItemTintColor，但随后创建了全新的UITabBarAppearance实例并赋值给standardAppearance和scrollEdgeAppearance——这个新的外观对象会完全覆盖之前的全局设置，包括你刚设好的未选中项颜色。相当于先改了全局样式，又用默认样式把它覆盖了，导致三个样式无法同时生效。

修复方案 #

正确的做法是在同一个UITabBarAppearance实例上配置所有样式，再把这个配置好的对象应用到TabBar，而不是分开设置全局属性和外观对象。

修改后的完整代码：

struct ContentView: View {
    var body: some View {
        TabView {
            // 示例Tab项
            Text("首页")
                .tabItem {
                    Image(systemName: "house")
                    Text("首页")
                }
            Text("我的")
                .tabItem {
                    Image(systemName: "person")
                    Text("我的")
                }
        }
        .tint(.white) // 选中项的图标和文字颜色
        .onAppear {
            setTabBarAppearance()
        }
    }

    private func setTabBarAppearance() {
        let appearance = UITabBarAppearance()
        
        // 设置TabBar背景色
        appearance.backgroundColor = .black
        // 设置顶部边框/分隔线颜色
        appearance.shadowColor = .yellow
        
        // 配置未选中项的样式：图标+文字
        let normalAppearance = appearance.stackedLayoutAppearance.normal
        normalAppearance.iconColor = .red
        normalAppearance.titleTextAttributes = [.foregroundColor: UIColor.red]
        
        // 将配置应用到TabBar的两种外观模式
        UITabBar.appearance().standardAppearance = appearance
        UITabBar.appearance().scrollEdgeAppearance = appearance
    }
}

关键细节说明 #

• 当你设置了standardAppearance后，全局的unselectedItemTintColor会被外观对象内的配置覆盖，所以必须在外观实例里统一设置所有样式。
• 如果你的TabBar需要适配不同布局（比如堆叠、内嵌），要分别对应设置stackedLayoutAppearance、inlineLayoutAppearance下的normal（未选中）和selected（选中）样式。
• 目前SwiftUI原生API确实无法直接控制TabBar的边框/分隔线，只能通过UIKit的外观API定制，这是当前框架的局限性。

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