5. 위젯이란?

Widget

 

1. flutter 상에서 위젯이란?

2. stateless widgets VS stateful widgets

3. widget tree

 

우선 widget이란

1. 독립적으로 실행되는 작은 프로그램

2. 주로 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 보여줌

3. 그래픽이나 데이터 요소를 처리하는 함수를 가지고 있음

 

1. flutter 상에서 위젯이란?

 

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

2. 눈에 보이지 않는 요소들까지 위젯

 

즉 위젯으로 시작하며 위젯으로 끝난다.

3. everything is a widget

 

Types of widgets

 

1. stateless widget

2. stateful widget

3. inherited widget

 

stateless와 stateful의 일반적인 의미

1. stateful = value 값을 지속적으로 추적 보존 > 계속 움직임이나 변화가 있는 위젯

2. stateless = 이전 상호작용의 어떠한 값도 저장하지 않음 > 상대가 없는 정적인 위젯

 

stateless widgets

1. 스크린상에 존재만 할 뿐

2. 어떠한 실시간 데이터 저장 X

3. 어떤 변화를 유발하는 VALUE값을 가지지 않음

stateful widgets

1. 사용자의 interaction에 따라서 모양이 바뀜

2. 데이터를 받게 되었을 때 모양이 바뀜

 

flutter widget tree

 

1. widget들은 tree 구조로 되어있다.

2. 한 widget내에 얼마든지 다른 widget들이 포함 가능

3. widget은 부모 위젯과 자식 위젯으로 구성

4. 즉 parent widget을 widget container라고 부르기도 함