SwiftUI中如何修改Picker样式？调整勾选图标颜色的非自定义方案

不用自定义Picker就能实现，推荐使用Apple官方替代accentColor的API来修改勾选图标颜色，具体有两种方式：

方式1：直接给Picker添加tint修饰符 #

这是最直接的方式，替换你原来的accentColor即可：

Section {
    Picker("", selection: $viewModel.frequency) {
        ForEach(viewModel.frequencyTypes) { type in
            Text(type.shortDescription).tag(type)
        }
    }
    .pickerStyle(.inline)
    .labelsHidden()
    .tint(.purple) // 替代已弃用的accentColor，直接修改勾选图标颜色
}

方式2：通过环境变量统一设置 #

如果需要在多个Picker或整个视图范围内统一调整这个颜色，可以给父视图添加环境变量设置：

Section {
    Picker("", selection: $viewModel.frequency) {
        ForEach(viewModel.frequencyTypes) { type in
            Text(type.shortDescription).tag(type)
        }
    }
    .pickerStyle(.inline)
    .labelsHidden()
}
.environment(\.tint, .purple) // 作用于Section内所有需要tint的控件

补充说明 #

• tint是Apple从iOS 15+、macOS 12+开始推出的accentColor替代API，完全符合当前SwiftUI的设计规范。
• 你之前设置的foregroundStyle不会被tint影响，因为文本样式的优先级高于全局tint设置，两者可以独立控制。

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