How can I make a text editor with some style in SwiftUI?

Question

How can I make a text editor with some style in SwiftUI? It seems that there a text editor can not be as customizable as the text field.

How could I achieve a result like this (here the users text is white)?

My issue is how can I set the text color to white and set the background color in a text editor.

score 3 · Accepted Answer · answered Dec 08 '20 at 01:52

3

struct ContentView: View {
    init() {
        UITextView.appearance().backgroundColor = .clear // First, remove the UITextView's backgroundColor.
    }
    @State private var input = ""
    var body: some View {
        ZStack {
            Color.blue.edgesIgnoringSafeArea(.all)
            TextEditor(text: $input)
                .font(.body)
                .foregroundColor(.white) // Text color
                .background(Color.blue) // TextEditor's Background Color
        }
    }
}

answered Dec 08 '20 at 01:52

Harshil Patel

1,318
1
7
26

How could you add a clip shape or corner radius to the text editor? – Nighthawk Dec 08 '20 at 02:18
Just use `.cornerRadius()` or `.clipShape()` modifier depending on your requirement. – Harshil Patel Dec 08 '20 at 02:22
How could I add a text placeholder? – Nighthawk Dec 08 '20 at 02:30
@Nighthawk for a placeholder, you could do something like [this](https://stackoverflow.com/a/63106247/14073532). – Harshil Patel Dec 08 '20 at 03:39

score 0 · Answer 2 · answered Feb 14 '23 at 14:26

0

From iOS 16 you can use

TextEditor(text: $notes)
    .scrollContentBackground(.hidden)

answered Feb 14 '23 at 14:26

Андрей Первушин

325
3
15

How can I make a text editor with some style in SwiftUI?

2 Answers2