개발(합니다)/Flutter&android&ios
[flutter-02] flutter에서 위젯(Widget)이란
otrodevym
2021. 2. 17. 00:00
반응형
위젯은 보통
- 독립적으로 실행되는 작은 프로그램
- 주로 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 나타냄
- 그래픽이나 데이터를 처리하는 함수를 가지고 있음
- Flutter에서 위젯이란
- UI를 만들고 구성하는 모든 기본 단위 요소 : 이미지, 텍스트, 아이콘, 버튼과 같은 모든 요소
- 눈에 보이지 않는 요소들 : 가운데 맞춤, 패딩, row, column과 같은 모든 요소
- flutter는 위젯으로 구성되어 시작부터 끝까지 위젯을 기반으로 함
- Stateless widgets과 Stateful widgets
- Stateless widget - 정적 - 빨강 : 이전 상화작용의 값을 추적하지도 보존하지도 않음 - 상태가 없다
- 앱 화면상에 존재할 뿐 아무것도 하지 않음
- 실시간 데이터가 없고 어떠한 모양을 변형시키는 값도 없음
- Stateful widgets - 동적 - 녹색 : 입력되는 값에 따라 상호작용하여 추적 보존 - 상태가 있다
- 사용자의 상호작용에 따라 모양이 바뀜
- 실시간으로 데이터를 받으면 변경이 됨
- Stateless widget - 정적 - 빨강 : 이전 상화작용의 값을 추적하지도 보존하지도 않음 - 상태가 없다
- Widget Tree
- Widget들은 tree 구조로 정리 할 수 있음
- 한 Widget내에 얼마든지 다른 widget을 포함할 수 있음
- Widget은 부모 위젯과 자식 위젯을 구성함
- Parent widget을 widget container라고 부르기도 함
반응형