[002] 플러터 (Flutter) Tip - 키보드 입력시 BottomNavigationBar을 자판 위에 위치시키는 방법, 밖의 화면 탭 했을 때 키보드 사라지게 하는 방법

안녕하세요~ totally 개발자입니다.

 

오늘은 제목 그대로 키보드 입력시에 bottomNavigationBar을 키보드 자판 위에 위치시킬 수 있게 하고 또 밖의 화면 탭하면 키보드 자판을 다시 사라지게 하는 방법에 대해서 공유합니다.

 

Step 1: 아래처럼 controller, focusNode 변수를 선언합니다.

 

 

 

Step 2: 아래처럼 GestureDetector와 Scaffold를 2번 추가해줍니다.

 

 

 

Step 3: 다음처럼 구성해줍니다.

 

 

 

Step 4: 테스트한 화면입니다.