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

Dart & Flutter

ju_young 2023. 2. 16. 15:40

다음과 같이 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]