Changing TextEditor background color in SwiftUI for macOS

Question

Created Sep ’20

Replies 3

Boosts 0

Views 3.1k

Participants 6

I would like to change the background color of a SwiftUI text editor on macOS. Is there a variant for the code below (used for iOS) to work for NSTextField instead of UITextView?

Thanks.

Code Block struct ContentView: View {
	@State var text = ""	
    init() {
        UITextView.appearance().backgroundColor = .clear
    }
    var body: some View {
        TextEditor(text: text)
            .background(Color.red)
    }
}

Boost

Answer 1

stakes OP

Jan ’21

Try this (as found here: https://stackoverflow.com/questions/65865182/transparent-background-for-texteditor-in-swiftui)

Code Block extension NSTextView {
  open override var frame: CGRect {
    didSet {
      backgroundColor = .clear
      drawsBackground = true
    }
  }
}
struct ContentView: View {
	@State var text = ""
	var body: some View {        
		TextEditor(text: $text)           
			.background(Color.red)    
	}
}

4

Answer 2

ianhurst21 OP

Feb ’21

If anyone else comes here: The solution proposed by stakes worked for me on macOS BigSur.

0

Answer 3

M78 OP

Apr ’24

This hack is not necessary, this is the SwiftUI way:

 .scrollContentBackground(.hidden)

1