위젯이란?

플러터에서의 위젯은 UI를 구성하는 모든 기본 단위이다.

위젯의 종류

위젯의 종류는 크게 3가지로 나뉜다

Stateless Widget

• 상태가 없는 정적인 위젯이다.
• 스크린상에 존재할 뿐 어떠한 기능도 갖고있지 않는다.

Stateful Wiget

• 계속 움직이는 동적인 위젯이다.
• 사용자의 interaction에 따라서 모양이 바뀐다.

Inherited Widget

Widget Tree

• 위젯은 tree구조로 정리된다.
• 한 위젯 안에 얼마든지 다른 위젯이 포함될 수 있다.
• 위젯은 부모, 자식 위젯으로 구성된다.
• 부모 위젯을 위젯 컨테이너라고도 부른다.

Widget Tree예시

위젯 트리의 대표적인 예시를 나열하겠다.
이름은 임의로 정한 것이다.

Myapp

• 루트 위젯이다

MaterialApp

• 실질적으로 전체 앱을 감싸고 있는 위젯이다.
• Flutter SDK에서의 기능을 여기서 사용할 수 있다.

MyHomePage

• 본격적으로 앱의 디자인이 시작된다.

Scaffold

• 앱 화면과 기능을 구성하기 위한 빈 페이지를 구성해주는 위젯.
• 이 위젯 아래에 AppBar, Center위젯이 생긴다.