[Flutter / 플러터] Widget

widget이란?

- 독립적으로 실행하는 작은 프로그램이다.

- 그래픽 및 데이터를 처리하는 함수를 가지고 있다.

- 주로 메인화면에서 다양한 정보를 보여준다.

 

Flutter에서 widget은?

- UI를 구성하는 모든 기본 단위 요소(image, text, icon, button 등...)

- UI를 구성하는 보이지 않는 레이아웃(center, padding등...)

- Flutter는 모든 것이 widget이라고 한다.

 

Flutter의 widget종류

1. Stateless Widget (정적 위젯)

2. Stateful Widget (동적 위젯)

 

 

Stateless Widget

- 화면상 존재하고, 아무런 동작을 하지 않는다.

- 실시간 데이터를 저장하지 않는다.

- 변화를 하는 value값을 가지지 않는다.

 

Stateful Widget

- 사용자의 interaction에 따라서 모양이 바뀐다.

- 데이터를 받게 되었을때 모양이 바뀌게 된다. (체크박스, 라디오 박스 등...)

 

 

 

Widget tree?

- 위젯은 계층구조로 (tree구조) 되어 있다.

- Widget은 부모와 자식으로 구성이 된다.  (Parent Widget은 Widget Container라고 부른다.)

- 하나의 Widget안에 다른 Widget이 포함될 수 있다.