[Flutter] 빈 공간을 tap했을 때 textfield focus 해제

다음과 같이 unfocus를 사용하라는 solution을 찾았다.

FocusScope.of(context).unfocus()

 

사용법은 간단한데 Scaffold를 GestureDetector로 Wrap하고 onTap에 적용하면 된다.

GestureDetector(
      onTap: () => FocusScope.of(context).unfocus(),
      child: Scaffold(
      ...

Scaffold 내의 child(Column과 같은)에 GestureDetector로 Wrap하고 적용하면 onTap이 적용되는 영역이 child 영역이므로 당연히 안된다.

 

[Reference]

https://github.com/flutter/flutter/issues/51621

https://stackoverflow.com/questions/44991968/how-can-i-dismiss-the-on-screen-keyboard/56946311#56946311