• Flutter에서 화면에 표시된 모든 요소가 위젯, 화면을 구성하는 layout도 위젯

Stateful Widget

Widget 만들어보기

• StatefulWidget을 상속
• 어떤 상태값을 가지고 있으며, 해당 상태값에 의해 화면에 움직임이나 변화를 표현할 때 사용
• 사용자의 inter-action에 의해 모양이나 형태를 변경할 때 사용
• 예: 텍스트 필드, 버튼, 서버에서 전달받은 값을 화면에 표시

Stateless Widget

Widget 만들어보기

• StatelessWidget을 상속
• 정적인 위젯
• 화면에는 표시되지만 사용자와 어떠한 인터렉션도 하지 않으며, 어떠한 움직임이나 변화를 가지고 있지 않다.
• 예: 텍스트, 이미지 등

Widget tree

• flutter는 위젯을 사용하여 개발
• 한 위젯은 여러 위젯을 포함할 수 있으며, 모든 위젯은 부모-자식 관계를 가짐
• 해당 구조를 Tree로 표현할 수 있으며, 관리할 수 있음
• 부모 위젯을 Widget Container(or Parent Widget)라고 부름

위젯을 만들어보기