[flutter] 빈 화면 터치(외부 클릭) 키보드(자판) 숨기기

대부분의 어플들은 화면에 자판이 올라왔을 때 빈 화면을 클릭하면 자판이 내려가도록 되어있습니다. 원리는 간단합니다. 자판이 올라오는 이유는 TextField에 Focus가 맞춰 지기 때문인데, TextField에 있는 Focus를 unFocus 해주면 자판이 내려갑니다.

 

 

▣ 방법

GestureDetector으로 감싸주고 인자로 onTap 클릭 시 FocusScope.of(context).unfocus();가 되도록 합니다.

 

 

▣ 순서

1. 기존 코드를 widget으로 감싸준다.
2.  widget을 GestureDetector로 변경 한다.
3. onTap 속성에 () { FocusScope.of(context).unfocus();  }를 입력한다.

 

아래는 코드입니다. 

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