Flutter의 Scaffold

1. Flutter의 Scaffold란?

Flutter의 Scaffold 위젯은 앱의 기본적인 레이아웃 구조를 정의하고 여러 가지 표준적인 UI 요소를 제공하는 데 사용. Scaffold는 일반적으로 앱의 기본 뼈대를 구성하고 다른 위젯들을 포함하는 데 사용되며, 특히 Material Design을 따르는 안드로이드 앱을 개발할 때 유용함.

2. 주요 구성 요소

1) AppBar
AppBar는 앱 상단에 위치하며 제목, 액션 버튼, 네비게이션 메뉴 등을 포함할 수 있는 위젯.
2) Body
Body는 앱의 주요 콘텐츠를 표시하는 부분으로, 다양한 위젯을 포함할 수 있다. 주로 ListView, Column, 또는 SingleChildScrollView와 같은 위젯과 함께 사용.
3) FloatingActionButton
FloatingActionButton은 주요 작업을 수행하는 데 사용되는 원형의 버튼을 나타낸다. 일반적으로 홈 화면으로 돌아가거나 새로운 작업을 시작하는 데 사용.
4) Drawer
Drawer는 앱 메뉴 또는 네비게이션 메뉴를 표시하는데 사용. 사용자가 왼쪽에서 오른쪽으로 슬라이딩하여 메뉴 항목을 볼 수 있다.
5) BottomNavigationBar
BottomNavigationBar는 하단 탐색 바를 나타내며 다른 섹션 또는 화면으로 이동하는 데 사용.
6) BottomSheet
BottomSheet는 하단에서 올라오는 모달 형태의 작은 위젯. 주로 추가 정보나 작업을 선택하기 위해 사용.
7) SnackBar
SnackBar는 잠시 나타나는 메시지를 사용자에게 표시하는 데 사용. 주로 작업 성공 또는 오류 메시지를 표시할 때 사용.

3. 예제

Scaffold를 사용하려면 기본 MaterialApp의 home 속성에 Scaffold 위젯을 배치하거나, Scaffold를 포함하는 다른 위젯 내에서 사용할 수 있다. 다음은 Scaffold를 사용한 간단한 Flutter 앱의 코드 예제

import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(       home: Scaffold(         appBar: AppBar(           title: Text('My App'),         ),         body: Center(           child: Text('Hello, World!'),         ),       ),     );   } }

위의 예제를 실행하면 Scaffold를 사용하여 앱의 기본적인 레이아웃을 설정하고 AppBar와 중앙에 "Hello, World!" 텍스트를 표시한다.