SwiftUI TabView如何根据选中标签动态调整accentColor

你原方案无法生效主要有两个核心原因：

• 每个标签页没有添加对应的.tag()修饰器，selection变量无法和标签页正确绑定，点击切换标签时selection值不会更新，自然无法触发颜色切换
• iOS15及以上系统中accentColor已被废弃，替换为tint，部分iOS版本对动态修改accentColor的支持存在bug

方案1：修正基础绑定（优先尝试） #

给每个标签页加上对应tag，同时根据系统版本使用对应的着色属性：

@State private var selection = 0

var body: some View {
    TabView(selection: $selection) {
        FirstTabView()
            .tabItem {
                Image("tab1").renderingMode(.template)
            }
            .tag(0) // 与selection的默认值对应
        SecondTabView()
            .tabItem {
                Image("tab2").renderingMode(.template)
            }
            .tag(1) // 对应第二个标签的选中值
    }
    // iOS15+用tint，低版本保留accentColor
    .tint(selection == 0 ? .black : .white)
}

方案2：桥接UIKit样式配置（兼容性最好） #

如果方案1在你适配的系统版本上仍然不生效，可以直接监听选中状态变化，修改底层UITabBar的全局外观，同时可以直接统一配置未选中态的灰色：

@State private var selection = 0

var body: some View {
    TabView(selection: $selection) {
        FirstTabView()
            .tabItem {
                Image("tab1").renderingMode(.template)
            }
            .tag(0)
        SecondTabView()
            .tabItem {
                Image("tab2").renderingMode(.template)
            }
            .tag(1)
    }
    .onAppear {
        // 初始化默认样式
        if #available(iOS 15.0, *) {
            let appearance = UITabBarAppearance()
            appearance.stackedLayoutAppearance.selected.iconColor = .black
            appearance.stackedLayoutAppearance.normal.iconColor = .gray
            UITabBar.appearance().standardAppearance = appearance
            UITabBar.appearance().scrollEdgeAppearance = appearance
        } else {
            UITabBar.appearance().tintColor = .black
            UITabBar.appearance().unselectedItemTintColor = .gray
        }
    }
    .onChange(of: selection) { newValue in
        // 切换标签时更新样式
        let selectedColor: UIColor = newValue == 0 ? .black : .white
        if #available(iOS 15.0, *) {
            let appearance = UITabBarAppearance()
            appearance.stackedLayoutAppearance.selected.iconColor = selectedColor
            appearance.stackedLayoutAppearance.normal.iconColor = .gray
            UITabBar.appearance().standardAppearance = appearance
            UITabBar.appearance().scrollEdgeAppearance = appearance
        } else {
            UITabBar.appearance().tintColor = selectedColor
        }
    }
}

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