hoony's web study

728x90
반응형

Flutter Drawer control


Android 에서 보면 여러 메뉴를 왔다갔다하면서 Back 버튼을 클릭을 합니다. 

이럴때 보면 메인에 있던 Drawer 즉 햄버거 메뉴가 버젓이 떠있어서 불편하게 보여서 알아낸 방법입니다. 

찾은 방법은 간단합니다. 

Flutter Drawer Close 함수 

함수만 잘 적용하면 되더라구요. ^^ 

GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();

먼저 상단에 ScaffoldState key를 선언하시구요. 
아래 함수를 적용하시면 됩니다. 

  closeDrawer() async {
    if (_scaffoldKey.currentState!.isDrawerOpen) {
      _scaffoldKey.currentState!.closeDrawer();
    }
  }

위의 함수를 이동하는 쪽에 잘 적용을 하시면 메인페이지에서 열려있는 Drawer가 open 된 상태가 아닌 
close 된 상태로 보이실껍니다. 

반응형

 

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading