[flutter] textfield 선택해서 키보드 올라온 후 다른곳 누르면 키보드 사라지게 하기

flutter textfield 를 사용해서 입력받는곳을 만들긴 했는데 화면의 다른곳을 누르면 올라온 키보드가 사라지게 만들고 싶었습니다. 그래서 내용을 찾아보니 생각보다 간단하게 적용할 수 있었습니다.

 

제가 적용한 내용 일부입니다. 기존에 Container() 를 바로 썼는데 그 위에 GestureDetector() 를 적용한 뒤에 onTap 안에 

FocusScope.of(context).unfocus(); 를 입력해주면 키보드가 화면에 올라왔을 때 다른곳을 누르면 다시 내려가게 됩니다.

@override
  Widget build(BuildContext context) {
 
    return Scaffold(
      resizeToAvoidBottomInset : false,
      body: GestureDetector(
        onTap: () {
          FocusScope.of(context).unfocus();
        },
        child: Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage('images/background.png'),
              fit: BoxFit.fill
              )
            ),
         child: Column(...)

원하는곳에 넣고 탭 했을 때 키보드가 사라지게 할 수 있습니다.