[ Flutter ] Widget에 대해 알아보자.

참고사이트

∙ deku님의 포스트리

 

 

 

🔩 Widget

Flutter는 화면은 위젯에서 시작해서 위젯으로 끝난다.

widget이란 Flutter에서 화면에 표시된 모든 요소가 위젯이며, 눈에 보이지 않지만 화면을 구성하는 레이아웃(Layout) 또한 위젯이다.

 

플러터의 위젯은 크게 2가지가 존재한다.

 

😶 Stateless Widget

값은 가지고 있을 수 있으나 어떠한 동작을 하더라도 변하지 않는 위젯을 나타낸다.

 

해당 위젯은 Flutter에 StatelessWidget을 상속받아 생성한다.

 

🫨 Stateful Widget

어떠한 상태값(데이터)을 가지고 있다가 해당 상태값이 변경되면 변경사항을 인지하고 해당 위젯을 다시 그려준다. (리-렌더링)

 

ex. TextField, Button, 서버로부터 전달받은 값을 화면에 표시하는 위젯 등

 

해당 위젯은 Flutter에 StatefulWidget을 상속받아 생성한다.