iOS 17.4中TextField前景色无法动态切换的问题咨询

这是iOS 17.3及后续版本的样式优先级调整行为，并非bug，需要调整实现方式适配新的系统规则。

问题原因 #

在iOS 16.x、iOS 17.0-17.2版本中，父视图设置的foregroundStyle会向下传递并覆盖TextField的默认文本颜色；但从iOS 17.3开始，Apple提升了TextField自身默认样式的优先级，导致父视图的foregroundStyle无法再覆盖TextField的文本颜色，因此原代码的效果失效。

两种可行的修复方案 #

方案1：直接为TextField单独设置前景色 #

将foregroundStyle直接应用到TextField上，绕过父视图样式传递的优先级问题：

struct ContentView: View {
    @State private var text: String = ""

    var body: some View {
        VStack {
            TextField("Example", text: $text)
                .foregroundStyle(text.count % 2 == 0 ? .red : .blue)
            Text(text)
                .foregroundStyle(text.count % 2 == 0 ? .red : .blue)
        }
        .padding()
    }
}

方案2：使用环境变量统一设置样式 #

通过environment(\.foregroundStyle, ...)传递样式，环境值的优先级高于TextField的默认样式，能实现原代码的统一控制效果：

struct ContentView: View {
    @State private var text: String = ""

    var body: some View {
        VStack {
            TextField("Example", text: $text)
            Text(text)
        }
        .padding()
        .environment(\.foregroundStyle, text.count % 2 == 0 ? .red : .blue)
    }
}

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