SwiftUI中TextField链接型占位符颜色无法修改的解决方法求助

遇到TextField占位符是链接格式时自动变蓝色的问题，有两种实用解决思路：

一、自定义占位符，完全控制样式 #

直接用ZStack叠加自定义占位符文本，绕过系统自动链接检测逻辑，可自由设置颜色：

struct CustomPlaceholderTextField: View {
    @Binding var text: String
    let placeholder: String
    // 自定义占位符颜色，默认灰色
    let placeholderColor: Color = .gray
    
    var body: some View {
        ZStack(alignment: .leading) {
            // 文本为空时显示自定义占位符
            if text.isEmpty {
                Text(placeholder)
                    .foregroundColor(placeholderColor)
                    .padding(.horizontal, 8) // 和TextField保持一致内边距
            }
            // 用空占位符的TextField，避免系统样式干扰
            TextField("", text: $text)
                .padding(.horizontal, 8)
        }
    }
}

// 调用示例
@State private var inputText = ""
CustomPlaceholderTextField(text: $inputText, placeholder: "www.abcdefg.com")

这种纯SwiftUI实现的方式代码简洁，完全不受系统链接样式限制。

二、禁用TextField的链接检测功能 #

通过UIViewRepresentable包装UITextField，关闭数据检测器，同时可自定义占位符颜色：

struct NoLinkTextField: UIViewRepresentable {
    @Binding var text: String
    let placeholder: String
    
    func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.placeholder = placeholder
        
        // 禁用所有数据检测（包括链接、电话、地址等）
        textField.dataDetectorTypes = []
        
        // 自定义占位符颜色
        textField.attributedPlaceholder = NSAttributedString(
            string: placeholder,
            attributes: [.foregroundColor: UIColor.gray]
        )
        
        textField.delegate = context.coordinator
        return textField
    }
    
    func updateUIView(_ uiView: UITextField, context: Context) {
        uiView.text = text
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITextFieldDelegate {
        var parent: NoLinkTextField
        
        init(_ parent: NoLinkTextField) {
            self.parent = parent
        }
        
        func textFieldDidChangeSelection(_ textField: UITextField) {
            parent.text = textField.text ?? ""
        }
    }
}

// 调用示例
@State private var inputText = ""
NoLinkTextField(text: $inputText, placeholder: "www.abcdefg.com")

这种方法适合需要精细控制TextField行为的场景，比如同时调整输入文本样式、键盘类型等。

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