[Flutter기초1] Widget, Widget Tree

코덩이·2023년 5월 3일

Flutter기초

목록 보기
1/11
post-thumbnail

🌱Widget


플러터에서 UI를 구성하는 모든 기본 단위요소
ex) MaterialApp, Scaffold, Center, Text, Image 등

Widget 종류

flutter의 Widget은 두 가지로 구분한다.

1. StatelessWidget

  • 상태가 없는 위젯
  • 화면상에서는 존재하지만 실시간 데이터를 저장하지 않고 어떠한 상태도 가지지 않는 위젯
  • 사용자의 액션으로 상태를 변화시키지 않는 정적인 위젯

2. StatefulWedget

  • 상태가 있는 위젯
  • 사용자의 이벤트나 데이터에 따라 값이 바뀌는 위젯
  • 변하는 화면을 만들 경우 앱이 위젯의 상태를 보다가 위젯이 특정 상태가 될 때 알맞은 처리를 수행해야하는 동적인 위젯

Widget 이론

  • Widget은 모두 '불변'의 법칙을 갖고있다.
  • 하지만 위젯의 값을 변경해야할 때가 있다. (ex 색 변경)
  • 변경이 필요하면 기존 위젯을 삭제해버리고 완전 새로운 위젯으로 대체한다.

🌱Widget Tree


Widget들의 부모, 자식 관계를 나타내는 것

  • 빌드 함수의 실행 결과

Widget Tree에 대한 자세한 내용

https://velog.io/@broccolism/Flutter-%EC%9D%B4-%EC%BD%94%EB%93%9C..-%ED%99%94%EB%A9%B4%EC%97%90-%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%A0%A4%EC%A7%88%EA%B9%8C-1.-%ED%8A%B8%EB%A6%AC

profile
개발공부중

0개의 댓글