[Flutter] Keyboard 밖에 누르면 TextField 없애는 방법

 

TextField를 사용하다보면 Keyboard 밖에를 누르면 Keyboard가 내려가야 하는데 유지되는 경우가 있습니다.

닫아주는걸 명시해주어야 하는데 아래 사이트에서 관련 정보를 확인할 수 있습니다.

 

https://www.woolha.com/tutorials/flutter-hide-keyboard-on-tap-outside-text-field

Flutter - Hide Keyboard on Tap Outside Text Field

 

방법은 최상단 위젯에 GestureDetector와 FocusManager를 사용하여 해결합니다.

 

 GestureDetector(
    onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
    child: Scaffold(
      appBar: AppBar(
        title: const Text('Woolha.com Flutter Tutorial'),
      ),
      body: Padding(
        padding: EdgeInsets.all(15),
        child: Center(
          child: _buildForm(),
        ),
      ),
    ),
  )