[Flutter] 사이드 창 슬라이드로 열기 (drawer, endDrawer) [맥북 💻]

 목차

1. drawer
   1. drawer 란?
   2. 동작 방식

 

 

 

✅ drawer

 

 

1️⃣ drawer 란?

• Scaffold 위젯 내에서 사용되는 속성
• 삼지창 모양(☰) 버튼을 생성하여 슬라이드로 열리는 네비게이션 메뉴 영역
• 모바일 앱의 네비게이션 형태 중 하나

 

 

2️⃣ 동작 방식

• Scaffold 위젯 내에서 drawer: 를 추가 시, AppBar에 삼지창 모양의 버튼(☰)이 생성
• Drawer 안에서 ListView, Column 등으로 메뉴를 구성
• 좌측에서 슬라이드가 default
  ** 우측에서 슬라이드 생성을 하고 싶으면 endDrawer: 를 사용

endDrawer 와 drawer 예시

** const 란?

• 상수를 사용할 때 사용.
• 위젯 재사용과 성능 최적화를 위해 사용
• const 로 선언된 위젯은 앱 실행 중에 단 한번만 생성