Flutter 기본 위젯 알아보기

Container 위젯

자식을 담는 컨테이너 역할
배경색, 너비와 높이, 테두리 등의 디자인 지정 가능

GestureDetector 위젯

플러터에서 제공하는 제스처 기능을 자식 위젯에서 인식하는 위젯
탭이나 드래그 그리고 더블 클릭 같은 제스처 기능이 자식 위젯에 인식됐을 때 함수 실행 가능

SizedBox 위젯

높이와 너비를 지정하는 위젯
Container 위젯과 다르게 디자인적 요소는 적용할 수 없으며 const 생성자로 선언할 수 있어서 퍼포먼스 측면에서 효율적

Column 위젯

children 매개변수에 입력된 모든 위젯들을 세로로 배치

Row 위젯

children 매개변수에 입력된 모든 위젯들을 가로로 배치

ListView 위젯

리스트를 구현할 때 사용하며 마찬가지로 children 매개변수에 다수의 위젯을 입력할 수 있으며 입력된 위젯이 화면을 벗어나게 되면 스크롤이 가능해집니다.

children과 child의 차이점

위젯 아래에 계속 위젯이 입력되는 형태로 ‘위젯 트리’를 구성하여 UI를 제작

• children: 위젯 여러 개 추가 가능
• child: 위젯 하나 추가 가능