SwiftUI: 탭하여 키보드 숨기는방법 - hideKeyboard()

키보드를 숨기는 방법

TextField 등 바깥 쪽을 탭하여 Storyboard와 SwiftUI 앱 모두에서 키보드를 쉽게 해제하는 방법을 알아 보겠습니다.

SwiftUI

 1. 편의상 새로운 Swift 파일을 생성해서 hideKeyboard extension을 생성해주겠습니다.

import Foundation
import SwiftUI

extension UIApplication {
    func hideKeyboard() {
        guard let window = windows.first else { return }
        let tapRecognizer = UITapGestureRecognizer(target: window, action: #selector(UIView.endEditing))
        tapRecognizer.cancelsTouchesInView = false
        tapRecognizer.delegate = self
        window.addGestureRecognizer(tapRecognizer)
    }
 }

extension UIApplication: UIGestureRecognizerDelegate {
    public func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return false
    }
}

 2. 호출 방법  :  .onAppear (perform : UIApplication.shared.hideKeyboard)

import SwiftUI

struct ContentView: View {
    @State private var name = ""
    var body: some View {
        VStack {
            TextField("아이디", text: $name)
        }
        .onAppear (perform : UIApplication.shared.hideKeyboard)
    }
}

 

읽어주셔서 감사합니다🤟

 

이 글도 읽어보세요

[SwiftUI 기초/Text] - SwiftUI : TextField (hideKeyboard 코드)