How do I create a multiline TextField in SwiftUI?

by

iOS 14 – Native SwiftUI

It is called TextEditor

struct ContentView: View {
    @State var text: String = "Multiline \ntext \nis called \nTextEditor"

    var body: some View {
        TextEditor(text: $text)
    }
}

🎁 Dynamic growing height:

If you want it to grow as you type, embed it in a ZStack with a Text like this:

Demo

iOS 13 – Using UITextView

you can use the native UITextView right in the SwiftUI code with this struct:

struct TextView: UIViewRepresentable {
    
    typealias UIViewType = UITextView
    var configuration = { (view: UIViewType) in }
    
    func makeUIView(context: UIViewRepresentableContext<Self>) -> UIViewType {
        UIViewType()
    }
    
    func updateUIView(_ uiView: UIViewType, context: UIViewRepresentableContext<Self>) {
        configuration(uiView)
    }
}

Usage

struct ContentView: View {
    var body: some View {
        TextView() {
            $0.textColor = .red
            // Any other setup you like
        }
    }
}

💡 Advantages:

  • Support for iOS 13
  • Shared with the legacy code
  • Tested for years in UIKit
  • Fully customizable
  • All other benefits of the original UITextView

More Related Contents:

  1. How to hide keyboard when using SwiftUI?
  2. What is the difference between ObservedObject and StateObject in SwiftUI
  3. SwiftUI | Using onDrag and onDrop to reorder Items within one single LazyGrid?
  4. SwiftUI NavigationView navigationBarTitle LayoutConstraints issue
  5. Add bottom border line to UI TextField view in SwiftUI / Swift / Objective-C / Xamarin
  6. SwiftUI MVVM Coordinator/Router/NavigationLink
  7. SwiftUI @Binding Initialize
  8. SwiftUI: Status bar color
  9. SwiftUI: What is @AppStorage property wrapper
  10. SwiftUI DatePicker Binding optional Date, valid nil
  11. Clear background for form sections in SwiftUI?
  12. Is there a SwiftUI equivalent for viewWillDisappear(_:) or detect when a view is about to be removed?
  13. Swiftui – How do I initialize an observedObject using an environmentobject as a parameter?
  14. SwiftUI Landmarks App Tutorial Screen Navigates Back When Toggle Favorite
  15. iOS SwiftUI: pop or dismiss view programmatically
  16. How can I implement PageView in SwiftUI?
  17. SwiftUI: Set Status Bar Color For a Specific View
  18. Trouble running async functions in background threads (concurrency)
  19. SwiftUI: Deleting last row in ForEach
  20. SwiftUI 2.0 List with children – how to make the tappable area of the disclosure button cover the whole list item
  21. Save ScrollViews position and scroll back to it later (offset to position)
  22. In SwiftUI, how to use UIHostingController inside an UIView or as an UIView?
  23. SwiftUI DatePicker jumps between short and medium date formats when changing the date
  24. SwiftUI: Translucent background for fullScreenCover
  25. How to only disable scroll in ScrollView but not content view?
  26. How to make a button (or any other element) show SwiftUI’s DatePicker popup on tap?
  27. SwiftUI: Error in dragging logic or is this a bug?
  28. SwiftUI: Make ScrollView scrollable only if it exceeds the height of the screen
  29. SwiftUI tappable subtext
  30. SwiftUI TabView PageTabViewStyle prevent changing tab?

Leave a Comment