Flutter - 위젯 트리란? (Widget Tree)

Widget이란

• 먼저 flutter 공식홈페이지에 보면 flutter 위젯은 React에서 영감을 얻은 최신 프레임워크를 사용하고 있다고 말한다.
• UI를 구성하는 모든 기본 단위요소
• 이러한 위젯들을 쌓고 쌓아 만들어진 화면 자체도 위젯이라고 할 수 있다.

Widget 종류

1.  Stateless widget - 상태가 없는 위젯, 화면상에 존재하지만 실시간 데이터를 저장하지 않음
2.  Stateful Widget - 상태를 가지는 위젯 

Widget Tree 란

 

출처: https://www.fluttercampus.com/tutorial/5/flutter-widgets/

• Widget들의 부모, 자식 관계를 나타내는걸 Widget Tree라고 부른다
• 부모 위젯을 위젯 컨테이너라고도 애기한다
• 프로그램적으로 직접 사용할 일은 없지만 알고 있으면 플러터 개념을 익히는데 유용하다.
• MyApp
  • 최상위에는 프로젝트 이름이 존재
• MaterialApp 
  • 이 위젯이 실질적으로 모든 위젯을 감싸고 있는 위젯이고, 이 위젯을 통해 모든 플러터 위젯을 사용할 수 있다.
• HomePage
  • 커스텀 위젯으로 앱의 디자인과 기능이 만들어진다.
• Scaffold
  • 앱의 디자인과 기능을 구현하기 위한 빈페이지를 제공