SwiftUI中如何修改TabItem颜色？激活状态设为紫色

没问题！想要让你的TabItem在激活状态下显示紫色，有几种实用的方法，根据你的需求选就行：

方法1：全局设置（最简单） #

SwiftUI的TabView默认会用视图的accentColor作为选中TabItem的颜色，所以只要给TabView或者它的父视图加上accentColor(.purple)，就能让所有激活的TabItem统一变成紫色。

代码示例：

TabView {
    // 你的任务页面内容
    Text("Задания 页面")
        .tabItem {
            Image(systemName: "square.and.pencil")
            Text("Задания")
        }
    
    // 可以继续添加其他标签页
    Text("其他页面")
        .tabItem {
            Image(systemName: "house")
            Text("主页")
        }
}
.accentColor(.purple) // 关键代码：设置全局选中状态颜色为紫色

方法2：自定义单个TabItem的选中样式（灵活控制） #

如果你只想让某一个特定的TabItem在激活时显示紫色，其他标签保持默认样式，那就可以结合TabView的selection绑定，手动控制标签的颜色。

步骤如下：

1. 定义一个状态变量记录当前选中的标签
2. 在目标TabItem里，根据选中状态设置图片和文字的颜色

代码示例：

struct ContentView: View {
    // 用字符串标记选中标签，也可以用枚举类型更规范
    @State private var selectedTab = "tasks"
    
    var body: some View {
        TabView(selection: $selectedTab) {
            Text("Задания 页面")
                .tabItem {
                    // 判断当前是否选中，切换对应颜色
                    Label("Задания", systemImage: "square.and.pencil")
                        .foregroundColor(selectedTab == "tasks" ? .purple : .primary)
                }
                .tag("tasks")
            
            Text("其他页面")
                .tabItem {
                    Label("主页", systemImage: "house")
                }
                .tag("home")
        }
    }
}

小提示 #

• 如果你使用的是iOS 15及以上版本，还可以尝试结合toolbarColorScheme(.dark, for: .tabBar)来调整标签栏风格，但上面两种方法更直接通用。
• 自定义样式时，确保foregroundColor的设置能覆盖系统默认样式，这样选中状态的紫色才能正常生效。

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