不使用.tint或.accentColor修改TabView选中标签项颜色

有两种原生方案可以实现只修改TabView选中标签的颜色，同时不影响其他组件：

方法一：SwiftUI原生范围限定tint #

利用SwiftUI的环境作用域特性，仅给TabView单独设置tint，这个颜色只会作用于TabView内部的组件（包括TabBar的选中项），不会影响外部的开关、滑块等组件。

示例代码：

struct ContentView: View {
    @State private var isOn = false
    @State private var sliderValue = 0.5
    
    var body: some View {
        VStack {
            TabView {
                Text("首页")
                    .tabItem {
                        Image(systemName: "house")
                        Text("首页")
                    }
                
                Text("我的")
                    .tabItem {
                        Image(systemName: "person")
                        Text("我的")
                    }
            }
            .tint(.red) // 仅TabView范围内生效
            
            // 外部组件不受上述tint影响
            Toggle("示例开关", isOn: $isOn)
                .padding()
            
            Slider(value: $sliderValue)
                .padding()
        }
    }
}

方法二：UIKit外观配置（适配全布局） #

你之前的代码未生效，大概率是因为缺少了紧凑布局（横屏状态）的配置。补充后即可正常生效，且全局仅修改TabBar的样式，不影响其他组件。

修正后的代码：

struct ContentView: View {
    init {
        let tabBarAppearance = UITabBarAppearance()
        tabBarAppearance.configureWithDefaultBackground()
        
        // 配置竖屏堆叠布局样式
        tabBarAppearance.stackedLayoutAppearance.selected.iconColor = .red
        tabBarAppearance.stackedLayoutAppearance.selected.titleTextAttributes = [.foregroundColor: UIColor.red]
        tabBarAppearance.stackedLayoutAppearance.normal.iconColor = .lightGray
        tabBarAppearance.stackedLayoutAppearance.normal.titleTextAttributes = [.foregroundColor: UIColor.lightGray]
        
        // 配置横屏紧凑布局样式
        tabBarAppearance.compactLayoutAppearance.selected.iconColor = .red
        tabBarAppearance.compactLayoutAppearance.selected.titleTextAttributes = [.foregroundColor: UIColor.red]
        tabBarAppearance.compactLayoutAppearance.normal.iconColor = .lightGray
        tabBarAppearance.compactLayoutAppearance.normal.titleTextAttributes = [.foregroundColor: UIColor.lightGray]
        
        UITabBar.appearance().standardAppearance = tabBarAppearance
        UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
    }
    
    var body: some View {
        TabView {
            // 标签页内容
        }
    }
}

注意：如果你的App支持多场景，建议将这段配置代码放在App结构体的初始化方法中，确保全局生效。

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