Как я могу настроить цвет заполнителя TextField: SwiftUI - PullRequest
Новая
       38

Как я могу настроить цвет заполнителя TextField: SwiftUI

0 голосов
/ 21 апреля 2020

Я обнаружил, что могу быстро настроить стиль TextField следующим образом .. 

struct BottomLineTextFieldStyle: TextFieldStyle {
    func _body(configuration: TextField<Self._Label>) -> some View {
        VStack() {
            configuration

            Rectangle()
                .frame(height: 1, alignment: .bottom)
                .foregroundColor(Color.white)
        }
    }
}

Это позволяет мне использовать текстовое поле "стиль подчеркивания".

Использование 

TextField("placeholder", text: $value).textFieldStyle(BottomLineTextFieldStyle()).foregroundColor(.white)

Однако я также хотел изменить цвет заполнителя, но не смог.

Итак, У меня вопрос, как настроить цвет заполнителя текстового поля ? Пожалуйста, помогите мне и спасибо за чтение.

Ответы [ 2 ]

1 голос
/ 21 апреля 2020

Вы не можете изменить цвет заполнителя по умолчанию. Тем не менее, вы можете достичь этого, написав пользовательский TextField, используя UITextField или UITextView. Вот пример, где я создал пользовательский TextArea Просмотр с использованием UITextView, где я могу установить собственный цвет для заполнителя. См. Мой комментарий ниже в makeUIView(_:)

struct TextArea: UIViewRepresentable {
    @State var placeholder: String
    @Binding var text: String

    func makeCoordinator() -> Coordinator {
        Coordinator(self, placeholder: placeholder)
    }

    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        textView.text = placeholder

        // Here you can set the color for placeholder text as per your choice. 
        textView.textColor = .lightGray

        textView.delegate = context.coordinator
        return textView
    }

    func updateUIView(_ textView: UITextView, context: Context) {
        if !text.isEmpty {
            textView.text = text
            textView.textColor = .black
        }
    }

    class Coordinator: NSObject, UITextViewDelegate {
        var textArea: TextArea
        var placeholder: String

        init(_ textArea: TextArea, placeholder: String) {
            self.textArea = textArea
            self.placeholder = placeholder
        }

        func textViewDidBeginEditing(_ textView: UITextView) {
            if textView.textColor == .lightGray {
                textView.text = nil
                textView.textColor = .black
            }
        }

        func textViewDidEndEditing(_ textView: UITextView) {
            if textView.text.isEmpty {
                textView.text = placeholder
                textView.textColor = UIColor.lightGray
            }
        }
    }
}

РЕДАКТИРОВАТЬ:

Приведенная выше текстовая область может использоваться в представлении, как это: 

 TextArea(placeholder: textValue, text: $textValue)
0 голосов
/ 21 апреля 2020

Итак, мой вопрос: как я могу настроить цвет заполнителя текстового поля?

К сожалению, пока невозможно изменить цвет стандартного заполнителя TextField. Однако его можно как-то изменить, так что, я полагаю, стоит опубликовать

В демо-версии ниже цвет TextField изменен, а пароль - по умолчанию. demo demo2

struct BottomLineTextFieldStyle: TextFieldStyle {
    func _body(configuration: TextField<Self._Label>) -> some View {
        VStack() {
            configuration
                .colorMultiply(.red)
                .foregroundColor(.red)

            Rectangle()
                .frame(height: 1, alignment: .bottom)
                .foregroundColor(.red)
        }
    }
}
...