[Flutter] Scaffold 정리

참고

: https://api.flutter.dev/flutter/material/Scaffold-class.html

 

기본 설계 레이아웃 구조를 구현하기 위한 클래스로 기본적으로 뼈대를 짜준다고 생각하면 된다. 

 

이런 구조로 이루어져 있다.

 

관련 세부사항 및 properties는 아래 참고

 

• AppBar, which is a horizontal bar typically shown at the top of an app using the appBar property.
• BottomAppBar, which is a horizontal bar typically shown at the bottom of an app using the bottomNavigationBar property.
• FloatingActionButton, which is a circular button typically shown in the bottom right corner of the app using the floatingActionButton property.
• Drawer, which is a vertical panel that is typically displayed to the left of the body (and often hidden on phones) using the drawer property.
• BottomNavigationBar, which is a horizontal array of buttons typically shown along the bottom of the app using the bottomNavigationBar property.
• BottomSheet, which is an overlay typically shown near the bottom of the app. A bottom sheet can either be persistent, in which case it is shown using the ScaffoldState.showBottomSheet method, or modal, in which case it is shown using the showModalBottomSheet function.
• SnackBar, which is a lightweight message with an optional action which briefly displays at the bottom of the screen. Use the ScaffoldMessengerState.showSnackBar method to show snack bars.
• MaterialBanner, which displays an important, succinct message, at the top of the screen, below the app bar. Use the ScaffoldMessengerState.showMaterialBanner method to show material banners.
• ScaffoldState, which is the state associated with this widget.
• material.io/design/layout/responsive-layout-grid.html
• Cookbook: Add a Drawer to a screen