본문 바로가기
flutter

[flutter] 위젯이란? Widget

by sssooon 2024. 1. 14.

위젯이란

  • 독립적으로 실행되는 작은 프로그램
  • 주로 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 일컫음
  • 그래픽이나 데이터 요소를 처리하는 함

플러터에서의 위젯이란

  • UI를 만들고 구성하는 기본 단위 요소
  • 눈에 보이지 않는 요소
  • 즉, 모든것이 위젯

 

플러터에서의 위젯 종류

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

 

Widget Tree

  • 위젯들은 계층구조(tree)를 가지게 됨
  • 한 위젯내에 얼마든지 다른 위젯들이 포함될 수 있음
  • 부모 위젯과 자식 위젯으로 구성됨
  • 부모 위젯을 widget container라고도 함

'flutter' 카테고리의 다른 글

[flutter] SnackBar  (0) 2024.01.21
[flutter] BuildContext란?  (0) 2024.01.21
[flutter] appbar에 menu 아이콘 추가하기  (0) 2024.01.14
[flutter] 클래스와 위젯  (0) 2024.01.14
[flutter] Mac에 flutter 설치하기(Xcode/AndroidStudio)  (0) 2023.12.16