개발(합니다)/Flutter&android&ios
[Flutter] Keyboard 밖에 누르면 TextField 없애는 방법
otrodevym
2021. 12. 1. 00:00
반응형
TextField를 사용하다보면 Keyboard 밖에를 누르면 Keyboard가 내려가야 하는데 유지되는 경우가 있습니다.
닫아주는걸 명시해주어야 하는데 아래 사이트에서 관련 정보를 확인할 수 있습니다.
https://www.woolha.com/tutorials/flutter-hide-keyboard-on-tap-outside-text-field
Flutter - Hide Keyboard on Tap Outside Text Field
Examples of how to dismiss keyboard when the user taps outside a text field in Flutter, using GestureDetector and Listener.
www.woolha.com
방법은 최상단 위젯에 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(),
),
),
),
)
반응형