본문 바로가기

개발(합니다)/Flutter&android&ios

[flutter-02] flutter에서 위젯(Widget)이란

반응형

위젯은 보통
- 독립적으로 실행되는 작은 프로그램
- 주로 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 나타냄
- 그래픽이나 데이터를 처리하는 함수를 가지고 있음

  1. Flutter에서 위젯이란
    • UI를 만들고 구성하는 모든 기본 단위 요소 : 이미지, 텍스트, 아이콘, 버튼과 같은 모든 요소
    • 눈에 보이지 않는 요소들 : 가운데 맞춤, 패딩, row, column과 같은 모든 요소
    • flutter는 위젯으로 구성되어 시작부터 끝까지 위젯을 기반으로 함
  2. Stateless widgets과 Stateful widgets
    • Stateless widget - 정적 - 빨강 : 이전 상화작용의 값을 추적하지도 보존하지도 않음 - 상태가 없다
      • 앱 화면상에 존재할 뿐 아무것도 하지 않음
      • 실시간 데이터가 없고 어떠한 모양을 변형시키는 값도 없음
    • Stateful widgets - 동적 - 녹색 : 입력되는 값에 따라 상호작용하여 추적 보존 - 상태가 있다
      • 사용자의 상호작용에 따라 모양이 바뀜
      • 실시간으로 데이터를 받으면 변경이 됨

  1. Widget Tree
    • Widget들은 tree 구조로 정리 할 수 있음
    • 한 Widget내에 얼마든지 다른 widget을 포함할 수 있음
    • Widget은 부모 위젯과 자식 위젯을 구성함
    • Parent widget을 widget container라고 부르기도 함

반응형