[Flutter] 위젯이란?

Widget

• 독립적으로 실행되는 작은 프로그램
• 그래픽이나 데이터 요소를 처리하는 함수

Flutter에서의 Widget

• UI를 만들고 구성하는 모든 기본 단위 요소

앱 화면을 구성하는 모든 요소를 Flutter에서는 위젯이라고 함

• 눈에 보이지 않는 요소들까지 Widget

눈에 보이지 않는 layout까지 flutter에서는 widget

• 결론적으로 Flutter는 모든 것이 Widget이다.

---

Stateless Widgets

• 움직임이나 변화가 없는 정적인 위젯
• 스크린상에 존재만 할 뿐 아무것도 하지 않음
• 어떤 변화(모양, 상태)를 유발시키는 value값을 가지지 않음

Stateful Widgets

• 움직이나 변화가 있는 위젯
• 사용자의 interaction에 따라서 모양이 바뀜
• 데이터를 받게 되었을 때 모양이 바뀜

Inherited Widget

• stateless, stateful을 통해 화면을 구성하게 되었을 때 변화가 필요한 위젯이 트리 끝 부분에 있다면 트리의 top에서 bottom까지 불필요한 데이터 전달이 일어남
• 바로 tree의 top의 접근하여 데이터를 받아오는 것이 Inherited Widget이다.

---

Flutter Widget tree

• Widget들은 tree 구조로 정리될 수 있음
• 한 Widget내에 얼마든지 다른 Widget들이 포함 가능
• Widget은 부모 위젯과 자식 위젯으로 구성
• Parent Widget을 Widget Container라고 부르기도 함

---

Flutter에 기본적인 Widget 구성

---