Cor do campo de texto SwiftUI

Sep 20 2020

alguma ideia de como alterar a cor do espaço reservado para o campo de texto como a imagem anexada?

Não consigo encontrar a forma de colorir o texto "email" de branco, ele sempre fica em cinza.

eu quero fazer igual à imagem.

muito obrigado pela ajuda

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



Respostas

4 Asperi Sep 20 2020 at 06:10

Encontre abaixo uma demonstração de algumas abordagens possíveis. Também pode valer a pena considerar representável ao redor UITextField, pois é muito mais configurável.

Testado com 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)

    }
}