How to hide keyboard when using SwiftUI?

by

You can force the first responder to resign by sending an action to the shared application:

extension UIApplication {
    func endEditing() {
        sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
    }
}

Now you can use this method to close the keyboard whenever you desire:

struct ContentView : View {
    @State private var name: String = ""

    var body: some View {
        VStack {
            Text("Hello \(name)")
            TextField("Name...", text: self.$name) {
                // Called when the user tap the return button
                // see `onCommit` on TextField initializer.
                UIApplication.shared.endEditing()
            }
        }
    }
}

If you want to close the keyboard with a tap out, you can create a full screen white view with a tap action, that will trigger the endEditing(_:):

struct Background<Content: View>: View {
    private var content: Content

    init(@ViewBuilder content: @escaping () -> Content) {
        self.content = content()
    }

    var body: some View {
        Color.white
        .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
        .overlay(content)
    }
}

struct ContentView : View {
    @State private var name: String = ""

    var body: some View {
        Background {
            VStack {
                Text("Hello \(self.name)")
                TextField("Name...", text: self.$name) {
                    self.endEditing()
                }
            }
        }.onTapGesture {
            self.endEditing()
        }
    }

    private func endEditing() {
        UIApplication.shared.endEditing()
    }
}

More Related Contents:

  1. How do I create a multiline TextField in SwiftUI?
  2. Move textfield when keyboard appears swift
  3. How to tell SwiftUI views to bind to nested ObservableObjects
  4. Get the current scroll position of a SwiftUI ScrollView
  5. SwiftUI – How to pass EnvironmentObject into View Model?
  6. SwiftUI HStack with Wrap
  7. How to remove the default Navigation Bar space in SwiftUI NavigationView
  8. How to access own window within SwiftUI view?
  9. Xcode Canvas for SwiftUI previews does not show up
  10. How can I run an action when a state changes?
  11. @Binding and ForEach in SwiftUI
  12. SwiftUI Hide TabView bar inside NavigationLink views
  13. SwiftUI List color background
  14. Automatically adjustable view height based on text height in SwiftUI
  15. SwiftUI TextField max length
  16. SwiftUI Landmarks App Tutorial Screen Navigates Back When Toggle Favorite
  17. SwiftUI – how to avoid navigation hardcoded into the view?
  18. Implement dark mode switch in SwiftUI App
  19. SwiftUI withAnimation completion callback
  20. Detect app launch from WidgetKit widget extension
  21. SwiftUI – Animations triggered inside a View that’s in a list doesn’t animate the list as well
  22. SwiftUI: NavigationDestinationLink deprecated
  23. Transition animation not working properly in SwiftUI
  24. NavigationView and NavigationLink on button click in SwiftUI?
  25. How to have a dynamic List of Views using SwiftUI
  26. How to open the ImagePicker in SwiftUI?
  27. How to properly group a list fetched from CoreData by date?
  28. SwiftUI modal presentation works only once from navigationBarItems
  29. SwiftUI View – viewDidLoad()?
  30. SwiftUI – Detect when ScrollView has finished scrolling?

Leave a Comment