Placeholder text color in TextField

Question

Is it possible to change the placeholder text color in SwiftUI.TextField?

Answer 1

SwiftUI doesn't support AttributedString and there is no direct for it (yet). BUT YOU CAN build a custom placeholder with a few lines of codes like this:

Use ZStack and implement a placeholder yourself:

var body: some View {
    ZStack(alignment: .leading) {
        if text.isEmpty {
            Text("Placeholder")
                .foregroundColor(.red)
        }
        TextField("", text: $text)
    }
}

So you can do any customization you like to the placeholder.

- Custom TextField (with placeholder)

You can always create your own custom Views to use everywhere:

struct CustomTextField: View {
    var placeholder: Text
    @Binding var text: String
    var editingChanged: (Bool)->() = { _ in }
    var commit: ()->() = { }

    var body: some View {
        ZStack(alignment: .leading) {
            if text.isEmpty { placeholder }
            TextField("", text: $text, onEditingChanged: editingChanged, onCommit: commit)
        }
    }
}

usage (TextField with placeholder):

struct ContentView: View {
    @State var text = ""

    var body: some View {
        CustomTextField(
            placeholder: Text("placeholder").foregroundColor(.red),
            text: $text
        )
    }
}