플러터 숙제 : 위젯

이담현·2026년 3월 25일

[위젯]
자식을 하나만 갖는 위젯 / 자식을 여럿 갖는 위젯

Container: 컨테이너 역할을 함 (배경색, 너비, 높이, 테두리 등 디자인)

GestureDetector: 플러터에서 제공하는 제스처 기능을 위젯에서 인식함

SizedBox: 높이와 너비를 지정하는 위젯임 (디자인 X)

Column: children 매개변수에 입력된 모든 위젯을 세로로 배치함 (※ 수정됨: 세로 배치)

Row: 위와 동일하지만 가로로 배치함 (※ 수정됨: 가로 배치)

ListView: 리스트를 구현할 때 사용하며 화면을 벗어나게 되면 스크롤이 가능함

Text(): 텍스트를 화면에 표시함
,
,
,

[제스처]
onPanStart / onPanUpdate / onPanEnd

수평 또는 수직 드래그가 시작될 때 / 진행 중일 때 / 끝났을 때 실행함

onHorizontalDragStart / onHorizontalDragUpdate / onHorizontalDragEnd

수평 드래그가 시작될 때 / 진행 중일 때 / 끝났을 때 실행함

onVerticalDragStart / onVerticalDragUpdate / onVerticalDragEnd

수직 드래그가 시작될 때 / 진행 중일 때 / 끝났을 때 실행함

onScaleStart / onScaleUpdate / onScaleEnd

확대(또는 축소)가 시작될 때 / 진행 중일 때 / 끝났을 때 실행함

ElevatedButton: 튀어나온 형태의 버튼임

TextButton: 텍스트 형태의 버튼임

IconButton: 아이콘 형태의 버튼임

Border.all: 테두리를 설정함

padding: 안쪽 여백을 지정함

margin: 바깥 여백을 지정함

SizedBox: 크기를 제한함

SafeArea: 기기의 베젤이나 노치 등에 의해 화면이 잘리지 않게 함

profile
최고 최선의 코드를 생성하는 개발자

0개의 댓글