SwiftUI中如何为TabView的每个标签图标设置独立颜色？

你遇到的问题是因为SwiftUI的TabView默认会统一管理tabItem的选中/未选中样式，直接给Label添加foregroundColor等方法会被TabView的全局样式覆盖。以下是两种可行的解决方案：

方法一：自定义TabLabel视图（SwiftUI原生方案） #

通过创建自定义的Label视图，结合TabView的选中状态来单独控制每个图标的颜色，这是最灵活且符合SwiftUI风格的方式：

TabView(selection: self.$viewModel.selection) {
    StoriesView()
        .tabItem {
            CustomTabLabel(title: "Stories",
                           systemImage: "play.square",
                           selectedColor: .yellow,
                           isSelected: viewModel.selection == "stories")
        }
        .tag("stories")
    
    MessengerView()
        .tabItem {
            CustomTabLabel(title: "Messenger",
                           systemImage: "message",
                           selectedColor: .green,
                           isSelected: viewModel.selection == "messenger")
        }
        .tag("messenger")
    
    ProfileView()
        .tabItem {
            CustomTabLabel(title: "Profile",
                           systemImage: "person",
                           selectedColor: .red,
                           isSelected: viewModel.selection == "profile")
        }
        .tag("profile")
}

// 自定义标签视图
struct CustomTabLabel: View {
    let title: String
    let systemImage: String
    let selectedColor: Color
    let isSelected: Bool
    
    var body: some View {
        VStack {
            Image(systemName: systemImage)
                .foregroundColor(isSelected ? selectedColor : .gray) // 未选中时用灰色，可自行修改
            Text(title)
                .foregroundColor(isSelected ? selectedColor : .gray) // 可选：同步文字颜色
        }
    }
}

方法二：通过UIKit配置UITabBar外观（全局配置方案） #

如果更倾向于用UIKit的底层配置，可以通过修改UITabBarAppearance和UITabBarItem的选中图标来实现：

// 先添加一个工具方法，生成指定颜色的系统图标
func coloredSystemImage(named: String, color: UIColor) -> UIImage? {
    let config = UIImage.SymbolConfiguration(pointSize: 20, weight: .regular)
    guard let image = UIImage(systemName: named, withConfiguration: config) else { return nil }
    return image.withTintColor(color, renderingMode: .alwaysOriginal)
}

// 在你的View或App的初始化方法中配置
init() {
    let tabBarAppearance = UITabBarAppearance()
    // 设置未选中状态的图标和文字颜色
    tabBarAppearance.stackedLayoutAppearance.normal.iconColor = .gray
    tabBarAppearance.stackedLayoutAppearance.normal.titleTextAttributes = [.foregroundColor: UIColor.gray]
    
    UITabBar.appearance().standardAppearance = tabBarAppearance
    UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
    
    // 为每个标签设置选中时的彩色图标
    DispatchQueue.main.async {
        if let items = UITabBar.appearance().items {
            items[0].selectedImage = coloredSystemImage(named: "play.square", color: .systemYellow)
            items[1].selectedImage = coloredSystemImage(named: "message", color: .systemGreen)
            items[2].selectedImage = coloredSystemImage(named: "person", color: .systemRed)
        }
    }
}

注意：第二种方法是全局配置，若你的App中有多个TabView，会影响所有TabBar样式；另外需要用DispatchQueue.main.async确保UITabBar已经初始化完成。

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