[Flutter] TextField focus remove

 

 

 

return GestureDetector(
      onTap: () {
        FocusScope.of(context).unfocus();
      },
      child: ...,
    );

 

포커스를 가진 위젯의 외부터치로 포커스를 잃게 하려면 원하는 외부영역의 루트에 GestureDetector로 터치이벤트를 감지하고 이벤트로  FocusScope.of(context).unfocus()  를 실행하면 현재 context의 focus를 감지해 focus를 제거합니다.

 

TextField외 전체적으로 터치시 focus를 제거하려면 Scaffold 상위에 작업하시면 됩니다.