SwiftUI TextEditor Placeholder

TextEditorPlaceHolder.swift

struct TextEditorPlaceHolder: View {
    
    @State private var text: String = ""
    
    private let screenWidth = UIScreen.main.bounds.width
    
    var body: some View {
        
        VStack {
            
            ZStack(alignment: .leading) {
                
                if self.text.isEmpty {
                    VStack {
                        Text("Placeholder")
                            .multilineTextAlignment(.leading)
                        
                        Spacer(minLength: 0)
                    }
                }
                
                TextEditor(text: $text)
                    .padding(.vertical, 20)
                    .padding(.horizontal, 36)
                    .opacity(self.text.isEmpty ? 0.1 : 1)
            } //: Z
            .frame(width: self.screenWidth, height: self.screenWidth * 0.583)
            .overlay(
                RoundedRectangle(cornerRadius: 8)
                    .stroke()
                    .foregroundColor(.gray)
                    .padding(.horizontal, 16)
            )
        } //: V
    }
    
}

Suggestion:

struct TextEditorPlaceHolder: View {
    
    @State private var text: String = ""
    
    private let screenWidth = UIScreen.main.bounds.width
    
    var body: some View {
        
        VStack {
            
            ZStack(alignment: .leading) {
                
                if self.text.isEmpty {
                    VStack {
                        Text("Placeholder")
                            .padding(.leading, 25)
                            .padding(.top, 10)
                            .multilineTextAlignment(.leading)
                            .opacity(0.4)
                        
                        Spacer(minLength: 0)
                    }
                }
                
                TextEditor(text: $text)
                    .padding(.leading, 25)
                    .opacity(self.text.isEmpty ? 0.1 : 1)
            } //: Z
            .frame(width: self.screenWidth, height: self.screenWidth * 0.583)
            .overlay(
                RoundedRectangle(cornerRadius: 8)
                    .stroke()
                    .foregroundColor(.gray)
                    .padding(.horizontal, 16)
            )
        } //: V
    }
    
}

Thanks Aaron Lee!

@lucianoschillagi Thanks for your suggestion!

I used the code, but my cursor is too transparent unlike in TextField. see the image how cursor is in light blue not like what we see in TextField's placeholder