SwiftUI 文本框颜色

Question

知道如何像附图那样更改文本字段占位符的颜色吗？

我找不到将文本“电子邮件”涂成白色的方法，它总是保持灰色。

我想做成和图片一样的。

非常感谢您的帮助

SecureField(String("Password"), text: $pass).padding(.all).border(Color.white).cornerRadius(3.0).padding(.horizontal)

Answer 1

在下面找到一些可能方法的演示。也可能值得考虑在 UITextField 附近表示，因为它更易于配置。

测试 Xcode 11.7 / iOS 13.7

struct PlaceholderTextFieldStyle: TextFieldStyle {
    let placeholder: String
    @Binding var text: String

    init(_ placeholder: String, text: Binding<String>) {
        self.placeholder = placeholder
        self._text = text
    }

    func _body(configuration: TextField<Self._Label>) -> some View {
        ZStack {
            if text.isEmpty {
                Text(placeholder)
            }
            configuration
        }.foregroundColor(.white)
    }
}

struct DemoView: View {
    @State private var pass = ""

    var body: some View {
        SecureField("", text: $pass)
        .textFieldStyle(PlaceholderTextFieldStyle("Password", text: $pass))
        .padding(.all).border(Color.white).cornerRadius(3.0).padding(.horizontal)
        .padding()
        .background(Color.blue)

    }
}

SwiftUI 文本框颜色

SwiftUI textfield color

xcode

colors

swiftui

textfield

xcode12