[SwiftUI][Placeholder][Hinttext] TextEditor(TextView, multiple line textfiled) Placeholder View #SwiftUI

swiftui_multipleline_textfield_textview_texteditor_placeholder.swift

import SwiftUI

struct UplodePostView: View {
     @State private var text: String = ""
     
     var body: some View {
         NavigationView {
             Form {
                 Section {
                     TextEditorWithPlaceholder(text: $text, placeholder: "Write something...")
                 }
             }
         }
     }
 }

struct TextEditorWithPlaceholder: View {
    @Binding var text: String
    let placeholder: String
    
    var body: some View {
        ZStack(alignment: .leading) {
            if text.isEmpty {
                VStack {
                    Text(placeholder)
                        .padding(.top, 7)
                        .padding(.leading, 6)
                        .customFont(size: 16, fontFamily: .wantedSans(.regular))
                        .foregroundStyle(Color.black.opacity(0.6))
                    Spacer()
                }
            }
            
            VStack {
                TextEditor(text: $text)
                    .customFont(size: 16, fontFamily: .wantedSans(.regular))
                    .frame(minHeight: 150, maxHeight: 300)
                    .opacity(text.isEmpty ? 0.85 : 1)
                Spacer()
            }
        }
    }
}


#Preview {
    UplodePostView()
}