SwiftUI中如何为TabView高亮项切换图标且不使用强调色

你可以直接利用SwiftUI为TabView的tabItem提供的环境变量来实现需求，完全不用自己管理选中状态，代码简洁，完美沿用TabView的默认逻辑：

核心实现代码 #

TabView {
    WelcomeView()
        .tabItem {
            // 直接读取TabView提供的选中状态环境变量
            @Environment(\.isSelected) private var isSelected
            Label("Home", systemImage: isSelected ? "house.circle" : "house")
        }
}

去掉强调色的优化 #

如果要彻底避免强调色的影响，让图标颜色始终保持一致（只切换图标样式），给Label加个颜色修饰器即可：

TabView {
    WelcomeView()
        .tabItem {
            @Environment(\.isSelected) private var isSelected
            Label("Home", systemImage: isSelected ? "house.circle" : "house")
                .foregroundColor(.primary) // 用系统主色调，取消激活时的强调色变化
        }
}

原理说明 #

@Environment(\.isSelected)是SwiftUI内置的环境变量，TabView会自动为当前选中的tabItem设置这个值为true，未选中的为false，我们只需要根据这个值切换图标即可——完全不用自己定义@State或者绑定变量，直接复用TabView的原生状态逻辑，对新手非常友好。

内容的提问来源于stack exchange，提问作者Adrian Föder