macOS下SwiftUI如何修改TextField占位符及光标颜色？

一、占位符颜色设置 #

方法1：使用AttributedString（macOS 13+） #

macOS 13及以上版本，可直接通过AttributedString为占位符设置颜色，无需依赖AppKit：

@State private var text = ""

var body: some View {
    TextField("", text: $text, prompt: {
        var attrPrompt = AttributedString("请输入内容")
        attrPrompt.foregroundColor = .orange
        return Text(attrPrompt)
    }())
}

方法2：自定义NSViewRepresentable（兼容旧版本） #

若项目需要兼容macOS 13以下版本，或AttributedString方式无法满足需求，可通过包装NSTextField实现精准控制：

struct CustomTextField: NSViewRepresentable {
    @Binding var text: String
    let placeholder: String
    let placeholderColor: Color
    let cursorColor: Color
    
    func makeNSView(context: Context) -> NSTextField {
        let textField = NSTextField()
        textField.stringValue = text
        textField.placeholderString = placeholder
        
        // 配置占位符颜色
        if let placeholderAttrStr = textField.placeholderAttributedString {
            let mutableAttrStr = NSMutableAttributedString(attributedString: placeholderAttrStr)
            mutableAttrStr.addAttribute(
                .foregroundColor,
                value: placeholderColor.nsColor,
                range: NSRange(location: 0, length: mutableAttrStr.length)
            )
            textField.placeholderAttributedString = mutableAttrStr
        }
        
        // 配置光标颜色
        textField.insertionPointColor = cursorColor.nsColor
        textField.delegate = context.coordinator
        return textField
    }
    
    func updateNSView(_ nsView: NSTextField, context: Context) {
        nsView.stringValue = text
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, NSTextFieldDelegate {
        var parent: CustomTextField
        
        init(_ parent: CustomTextField) {
            self.parent = parent
        }
        
        func controlTextDidChange(_ obj: Notification) {
            if let textField = obj.object as? NSTextField {
                parent.text = textField.stringValue
            }
        }
    }
}

// 扩展Color快速转换为NSColor
extension Color {
    var nsColor: NSColor {
        NSColor(self)
    }
}

使用示例：

CustomTextField(
    text: $text,
    placeholder: "请输入内容",
    placeholderColor: .red,
    cursorColor: .blue
)

二、光标颜色设置 #

方法1：使用tint修饰符（macOS 13+） #

macOS 13及以上版本，直接给TextField添加tint()修饰符即可修改光标颜色：

TextField("", text: $text, prompt: Text("请输入内容"))
    .tint(.green)

方法2：通过NSViewRepresentable自定义 #

如果tint()修饰符未生效，或需要兼容旧版本，可使用上面的CustomTextField，通过cursorColor参数指定光标颜色。

说明：你之前尝试的.foregroundStyle对prompt无效，是因为SwiftUI在macOS上对普通Text作为prompt的样式支持有限；自定义TextFieldStyle目前确实没有直接修改占位符的专属修饰符，因此在特定场景下，需要借助NSViewRepresentable对接AppKit实现精准控制。

内容的提问来源于stack exchange，提问作者Vojta Böhm