125. (Flutter/플러터) [Mac] : [UI] : Scaffold 기본 개념 설명 및 레이아웃 사용 참고 사이트

---

[개발 환경 설정]

​

개발 툴 : AndroidStudio

개발 언어 : Dart

 

---

[설 명]

​

--------------------------------------------------------------------------------
1. Scaffold 이란 Flutter 에서 기본 Material Design visual layout 구조를 구현하는 데 사용됩니다 (뼈대 개념)
--------------------------------------------------------------------------------
2. Scaffold 는 범용 모바일 애플리케이션을 만들기에 충분하며 기능적이고 응답성이 뛰어난 앱을 만드는 데 필요한 거의 모든 것을 포함하고 있습니다
--------------------------------------------------------------------------------
3. Scaffold 주요 포함 요소 : 

Scaffold(
  appBar: ,                          // 페이지의 가장 상단 appbar 부분에 표혈될 Wiget
  body: ,                             // 페이지의 중단 body부분에 표현될 Widget
  drawer: ,                         // 왼쪽 -> 오른쪽으로 슬라이드할 경우 나타나는 Widget (SideBar) 
  endDrawer: ,                  // 오른쪽 -> 왼쪽으로 슬라이드할 경우 나타나는 Widget (SideBar) 
  bottomSheet: ,               // body하단에 배치될 Widget
  bottomNavigationBar: ,  // 페이지의 가장 하단에 배치될 NavigationBar <Widget>
);
--------------------------------------------------------------------------------

 

---

[참고 사이트]

​

https://origogi.github.io/flutter/Scafold/

[Flutter] Scaffold Widget 소개

---