동도리 개발 로그

Flutter (플러터) - 입력키보드 다른 곳 누르면 사라지게하기 본문

개발/Flutter

Flutter (플러터) - 입력키보드 다른 곳 누르면 사라지게하기

동돌이 2022. 6. 21. 10:05
반응형

플러터에 Textfield로 입력을 받아 처리를 하는 부분을 많이 사용하는데 

그냥 단순하게 사용하면 키보드의 확인또는 입력 버튼을 클릭하지 않으면 키보드는 사라지지않는다.

 

완전 불편하다...

 

이때 Textfield를 사용하는 view 상단에 GetsureDector로 wrap해준다음 

onTap에 아래 코드를 넣어주면 끝!

GestureDetector(
      onTap: () {
        FocusScopeNode currentFocus = FocusScope.of(context);

        if (!currentFocus.hasPrimaryFocus) {
          currentFocus.unfocus();
        }
      },
      child: TextField(...))

키보드 이외의 다른부분을 누르면 키보드가 사라진다.

 

반응형

'개발 > Flutter' 카테고리의 다른 글

Flutter(플러터) - ERC721 function 호출시 에러  (0) 2023.04.14
Flutter (플러터) - textfield 입력시 labelText안보이기  (0) 2022.06.21
Flutter(플러터) - ios 빌드 오류 ( CocoaPods not installed. Skipping pod install flutter)  (3) 2022.03.04
Flutter(플러터) - Firebase를 이용한 google Login - iOS  (3) 2022.02.25
Flutter(플러터) - Drift(Moor)클라이언트 DB를 ORM으로 사용하기 (sqlite)  (0) 2022.02.17
'개발/Flutter' Related Articles more