Flutter 주요 위젯 정리

Flutter는 다양한 위젯을 제공하여 모바일 앱 개발을 더 쉽고 유연하게 만들어줍니다. 이 포스트에서는 Flutter의 주요 위젯들에 대해 알아보겠습니다.

1. Container

Container는 단일 자식 위젯을 감싸고, 여백, 패딩, 테두리, 배경색 등을 적용할 수 있는 유연한 위젯입니다.

• 자식 위젯: 단일 자식 위젯을 스타일링
• 패딩과 여백: 공간 조절
• 테두리와 배경색: 디자인 요소 적용

2. Expanded

Expanded는 부모 위젯의 사용 가능한 공간을 최대한 차지하도록 자식 위젯을 확장시키는 위젯입니다.

• 공간 확장: 사용 가능한 공간을 균등하게 나눔
• 유사한 위젯: Flexible

3. SizedBox

SizedBox는 특정 크기의 공간을 생성하거나 자식 위젯의 크기를 제한하는 위젯입니다.

• 크기 지정: 공간 확보 및 크기 제한
• 유사한 위젯: Spacer

4. Scaffold

Scaffold는 앱의 기본 뼈대를 제공하는 위젯으로, 주요 앱 구성 요소를 쉽게 배치할 수 있습니다.

• AppBar, Drawer, BottomNavigationBar 등: 주요 앱 구성 요소 배치
• 유연한 레이아웃 구성: 전체적인 앱 구조 정의

5. BottomAppBar

BottomAppBar는 하단 탭 바를 제공하는 기본 위젯으로, 아이콘, 메뉴, 탭 등의 하단 네비게이션 요소를 쉽게 추가할 수 있습니다.

• • 아이콘과 메뉴 배치: 하단 바에 아이콘과 메뉴를 쉽게 추가
  • 유연한 디자인: 커스텀 모양과 스타일 적용 가능
  • Scaffold와의 통합: Scaffold의 bottomNavigationBar 속성을 통해 쉽게 적용

결론

Flutter의 다양한 위젯은 앱 개발을 더 쉽고 효율적으로 만들어줍니다. BottomAppBar와 같은 기본 위젯을 활용하면, 복잡한 커스텀 위젯 없이도 멋진 하단 바를 만들 수 있습니다. 이러한 위젯들을 적절히 활용하면, 누구나 멋진 Flutter 앱을 만들 수 있습니다.