SwiftUI中Picker的tint颜色随@State变量变更不更新问题

你遇到的问题是：通过@State变量selColor控制Picker的tint颜色时，变量更新后Picker颜色始终停留在初始值，但同样的变量控制Text的foregroundColor却能正常变化。

问题根源 #

SwiftUI的Picker默认样式（如iOS上的Menu或Inline样式）会缓存tint属性的初始值，当绑定的@State变量变化时，不会自动重新应用最新的tint配置，导致颜色不更新。

解决方案 #

方案1：用id(_:)强制Picker刷新 #

给Picker添加id(selColor)，每当selColor变化时，SwiftUI会销毁旧的Picker实例并创建新的，从而重新应用最新的tint颜色：

struct TestView: View {
    @State var selColor: Color = .red
    @State var selectedNumber: Int = 10

    var body: some View {
        VStack {
            Spacer()
            Text("Test String That changes color")
                .foregroundColor(selColor)
            Picker("Selected", selection: $selectedNumber) {
                ForEach([2, 4, 6, 8, 10], id: \.self) {
                    Text(String($0))
                }
            }
            .onChange(of: selectedNumber) { newValue in
                selColor = [.red, .blue, .green, .yellow, .brown][Int.random(in: 0..<5)]
            }
            .tint(selColor)
            .id(selColor) // 新增：强制视图刷新
            Spacer()
        }
    }
}

方案2：自定义Picker选项的文本颜色 #

如果不想强制刷新整个Picker，可以直接控制内部Text的颜色，同时用tint控制选中标记的颜色：

struct TestView: View {
    @State var selColor: Color = .red
    @State var selectedNumber: Int = 10

    var body: some View {
        VStack {
            Spacer()
            Text("Test String That changes color")
                .foregroundColor(selColor)
            Picker("Selected", selection: $selectedNumber) {
                ForEach([2, 4, 6, 8, 10], id: \.self) { num in
                    Text(String(num))
                        // 选中项用目标颜色，未选中用系统默认
                        .foregroundColor(selectedNumber == num ? selColor : .primary)
                }
            }
            .onChange(of: selectedNumber) { newValue in
                selColor = [.red, .blue, .green, .yellow, .brown][Int.random(in: 0..<5)]
            }
            .tint(selColor) // 控制Picker的选中标记颜色
            Spacer()
        }
    }
}

额外说明 #

• 不同Picker样式对tint的响应不同：比如.wheel或.segmented样式的Picker，无需额外处理就能正常响应tint变化；
• iOS 16+的MenuPickerStyle也可以通过给Picker添加id(selColor)来解决，逻辑和方案1一致。

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