flutter 플러터 위젯 설명 (widget, Stateless widget, Stateful widget, widget tree)

widget in flutter

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

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

3. 모든 것이 위젯

 

type of widgets

1. Stateless Widget (상태가 없는 정적인 위젯)

2. Stateful widget (계속 움직임이나 변화가 있는 위젯)

3. Inherited Widget

 

Stateless와 Stateful의 일반적인 의미

1. Stateful > value값을 지속적으로 추적 보존

2. Stateless > 이전 상호작용의 어떠한 값도 저장하지 않음

 

Stateless Widget

1. 스크린상에 존재만 할뿐 아무것도 하지 않음

2. 어떠한 실시간 데이터도 저장하지 않음

3. 어떤 변화를 유발시키는 value값을 가지지 않음

 

Stateful widget 

1. 사용자의 인터랙션에 따라서 모양이 바뀜

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

 

widget tree

1. widget들은 트리 구조로 정리

2. 위젯 내에 다른 위젯들이 포함

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

4. 부모위젯은 위젯 컨테이너라고도 함

 

MyApp > MaterialApp > MyHomePage > Scaffold -  (AppBar-Text) - (Center- column - image, textfield, button)