SwiftUI TextEditor .background()

Question

jfilippi1984 OP

Created Jun ’20

Replies 4

Boosts 0

Views 4.1k

Participants 5

Using XCode 12 Beta, setting the background on the new SwiftUI TextEditor() view doesn't seem to be working. Is this by design?

Code Block TextEditor(text: $text)
.background(Color.red)
.foregroundColor(Color.black)

Boost

Answer 1

tangtianming OP

Jul ’20

I have same problem too.

0

Answer 2

NotRedShift OP

Jul ’20

Yep, I would also like to be able to change the background color. There doesn't seem to be a way to customize it at the moment.

0

Answer 3

Kai Chi Tsao OP

Jul ’20

I have same problem too.
but you can setup .opacity(0.5) , will show background color(with opacity).

Code Block TextEditor(text: $text)
        .background(Color.red)
        .foregroundColor(.black)
        .opacity(0.5)
        .padding()

if you want more red you can try

Code Block  TextEditor(text: $text)
      .background(
        ZStack {
          Color.red
          Color.red
          Color.red
          Color.red
          Color.red
          Color.red
        }
      )
       
      .foregroundColor(.black)
      .opacity(0.5)
      .padding()

0

Answer 4

tion8888 OP

Jan ’24

with iOS 16 you need to use scrollContentBackground. A user on SO created an extension method to handle both cases: https://stackoverflow.com/a/75910933/69144

I verified this worked for me

code from their answer below:


struct ContentView: View {
    @State private var editingText: String = ""    
    var body: some View {
        TextEditor(text: $editingText)
            .transparentScrolling()
            .background(Color.red)
    }
}

public extension View {
    func transparentScrolling() -> some View {
        if #available(iOS 16.0, *) {
            return scrollContentBackground(.hidden)
        } else {
            return onAppear {
                UITextView.appearance().backgroundColor = .clear
            }
        }
    }
}

0