반응형
위젯은 보통
- 독립적으로 실행되는 작은 프로그램
- 주로 바탕화면 등에서 날씨나 뉴스, 생활정보 등을 나타냄
- 그래픽이나 데이터를 처리하는 함수를 가지고 있음
- 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라고 부르기도 함
반응형
'개발(합니다) > Flutter&android&ios' 카테고리의 다른 글
[flutter-05] 클래스와 위젯 (0) | 2021.02.20 |
---|---|
[flutter-04] 기본적인 소개 앱 만들기 (0) | 2021.02.19 |
[flutter-03] 기본 코드 이해하기 (0) | 2021.02.18 |
[flutter-01] flutter 설치 및 시작하기 (0) | 2021.02.16 |
[flutter-00] 플러터를 공부해야 하는 이유 (0) | 2021.02.15 |