[flutter] 위젯

602·2022년 1월 23일
0

유튜브 코딩셰프의 플러터 강좌 순한맛 강좌5 필기

Widget

UI를 만들고 구성하는 모든 기본 단위 요소
눈에 보이지 않는 요소들까지 위젯이라고 한다.
-> 즉, 플러터에서는 모든 것이 위젯이다.

Widget의 타입

  1. Stateless Widget
  • 상태가 없는(움직임이나 변화가 없는) 정적인 위젯
  • 스크린상에 존재만 할 뿐 아무것도 하지 않음
  • 어떠한 실시간 데이터도 저장하지 않음
  • 어떤 변화를 유발시키는 Value값도 가지지 않음
  1. Stateful Widget
  • 계속 움직임이나 변화가 있는 위젯
  • 사용자의 interaction에 따라서 모양이 바뀜
  • 데이터를 받게 되었을 때 모양이 바뀜
  • 체크박스, 라디오 버튼, 텍스트 필드(사용자가 입력할 때마다 문자 정보를 표시해주면서 텍스트 필드가 바뀜) 등
  1. Inherited Widget

Widget tree

  • 플러터는 모든 것이 위젯으로 구성되어 있기 때문에 위젯들을 tree 구조로 정리할 수 있음
  • 한 위젯내에 얼마든 다른 위젯들이 포함될 수 있음
    -> 대부분이 위젯들이 부모위젯과 자식위젯으로 구성
    -> Parent widget을 widget container라고 부르기도 함

0개의 댓글