SwiftUI TextField默认提示文字颜色修改：如何设为白色？

我编写了如下SwiftUI代码：

VStack {
    ForEach(Array($ingredientNames.enumerated()), id:\.offset)  { (idx, $str) in
        if idx != 0{
            TextField("Player \(idx + 1)", text: $str)
                .foregroundColor(Color.white)
                .fontWeight(.bold)
                .shadow(color: .white, radius: 20)
                .background(Color("AccentColor"))
                .multilineTextAlignment(.center)
                .font(Font.system(size: 26))
        } else {
            TextField("Player", text: $str)
                .foregroundColor(Color.white)
                .fontWeight(.bold)
                .shadow(color: .white, radius: 20)
                .background(Color("AccentColor"))
                .multilineTextAlignment(.center)
                .font(Font.system(size: 26))
        }
    }
}

实际运行时，TextField的默认提示文字（比如"Player"）显示为灰色，虽然添加了.foregroundColor(Color.white)，但只有用户输入内容后文字才会变为白色。请问如何修改才能让默认提示文字直接显示为白色？

.foregroundColor仅控制用户输入的文本颜色，占位符文字需要单独设置，以下是几种可行方案：

方案1：iOS 15+ 原生占位符颜色控制 #

从iOS 15开始，SwiftUI提供了placeholder(when:)修饰符，可直接设置占位符样式：

VStack {
    ForEach(Array($ingredientNames.enumerated()), id:\.offset)  { (idx, $str) in
        let placeholderText = idx == 0 ? "Player" : "Player \(idx + 1)"
        TextField(placeholderText, text: $str)
            .foregroundColor(.white)
            // 核心：设置占位符颜色
            .placeholder(when: str.isEmpty) {
                Text(placeholderText)
                    .foregroundColor(.white)
                    .fontWeight(.bold)
                    .font(.system(size: 26))
            }
            .fontWeight(.bold)
            .shadow(color: .white, radius: 20)
            .background(Color("AccentColor"))
            .multilineTextAlignment(.center)
            .font(.system(size: 26))
    }
}

方案2：兼容iOS 14及更早版本 #

如果需要适配更低版本，可以自定义TextFieldStyle来统一控制样式：

struct WhitePlaceholderTextFieldStyle: TextFieldStyle {
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .foregroundColor(.white)
            .overlay(
                // 利用overlay模拟占位符
                configuration.label
                    .foregroundColor(.white)
                    .opacity(configuration.text.isEmpty ? 1 : 0)
                , alignment: .center
            )
    }
}

// 使用方式
TextField("Player", text: $str)
    .textFieldStyle(WhitePlaceholderTextFieldStyle())
    .fontWeight(.bold)
    .shadow(color: .white, radius: 20)
    .background(Color("AccentColor"))
    .multilineTextAlignment(.center)
    .font(.system(size: 26))

额外优化：简化重复代码 #

你可以合并两个分支的TextField逻辑，减少冗余：

VStack {
    ForEach(Array($ingredientNames.enumerated()), id:\.offset)  { (idx, $str) in
        TextField(
            idx == 0 ? "Player" : "Player \(idx + 1)", 
            text: $str
        )
        .foregroundColor(.white)
        .placeholder(when: str.isEmpty) {
            Text(idx == 0 ? "Player" : "Player \(idx + 1)")
                .foregroundColor(.white)
                .fontWeight(.bold)
                .font(.system(size: 26))
        }
        .fontWeight(.bold)
        .shadow(color: .white, radius: 20)
        .background(Color("AccentColor"))
        .multilineTextAlignment(.center)
        .font(.system(size: 26))
    }
}

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