SwiftUI Texteditor in a form

Question

I am creating a screen using a Form, with one TextField and one textEditor. Here is my code:

struct AddIssueView: View {

    @State var title = ""
    @State var description = "Enter issue description"

    var body: some View {
    
        NavigationView {
            Form {
                 Section(header: Text("Title")) {
                    TextField("Enter issue title", text: $title)
                 }
                
                 Section(header: Text("Description")) {
                    TextEditor(text: $description)
                 }
                 .navigationTitle("New Issue")
            
            }
        
        }
    
    }
}

This is the resulting screen - I find it surprising that the TextEditor UI looks like the TextField UI - I expected to see a multi-line text area. I'm not sure what I'm missing - any help will be most appreciated.

It looks like when using a Form/ List or ScrollView, SwiftUI automatically inferred the height for your TextEditor, to fix that you can give a height to your TextEditor — cedricbahirwe
– cedricbahirwe, Commented Jul 22, 2021 at 14:23

Gene De Lisa · Accepted Answer · 2023-08-14 17:06:30Z

3

Set the frame size on the TextEditor. Here are values I'm using in a project. Fiddle around with the values to get the size you'd like.

TextEditor(text: $postBody)
    .frame(minWidth: 200,
           idealWidth: 250,
           maxWidth: 400,
           minHeight: 300,
           idealHeight: 325,
           maxHeight: .infinity,
           alignment: .center)

answered Aug 14, 2023 at 17:06

Gene De Lisa

3,8681 gold badge26 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

SwiftUI Texteditor in a form

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related