TextEditor Problem, or me?

Question

Created May ’21

Replies 1

Boosts 0

Views 1.3k

Participants 2

Hi,
I'm trying to make a small text editor. Everything works except I need the background a different color.

But the standard way to do it with 'ZStack' doesn't work? Any ideas?

Thanks!

Code Block  ZStack {
        Color.green
          .ignoresSafeArea()
      NavigationView {
     TextEditor(text: $text)
      .background(Color.clear)
      .navigationTitle("Notepad Test!")
    }
    }
}

Answered by workingdogintokyo in 673498022

try this:

Code Block struct ContentView: View {
    @State var text = "start text"
    init() {
         UITextView.appearance().backgroundColor = .clear
     }
    var body: some View {
        NavigationView {
            ZStack {
                Color.green.ignoresSafeArea()
                TextEditor(text: $text)
            }
            .navigationTitle("Notepad Test!")
        }
    }
}

or this, if you only want the text editor background color:

Code Block struct ContentView: View {
    @State var text = "start text"
    var body: some View {
        NavigationView {
            TextEditor(text: $text).padding().colorMultiply(.green)
            .navigationTitle("Notepad Test!")
        }
    }
}

Boost

Answer 1

workingdogintokyo OP

May ’21

Accepted Answer

try this:

Code Block struct ContentView: View {
    @State var text = "start text"
    init() {
         UITextView.appearance().backgroundColor = .clear
     }
    var body: some View {
        NavigationView {
            ZStack {
                Color.green.ignoresSafeArea()
                TextEditor(text: $text)
            }
            .navigationTitle("Notepad Test!")
        }
    }
}

or this, if you only want the text editor background color:

Code Block struct ContentView: View {
    @State var text = "start text"
    var body: some View {
        NavigationView {
            TextEditor(text: $text).padding().colorMultiply(.green)
            .navigationTitle("Notepad Test!")
        }
    }
}

0