• 목차

CHAPTER POINT

• 제스처 감지기를 이용한 사용자와의 상호작용

• Dismissible 위젯 같은 특별한 상호작용 위젯

• 텍스트 입력, 드롭다운, 리스트 등 다양한 폼 요소

• 플러터에서 폼 만들기

• 키로 플러터 폼 관리하기

1. 사용자 상호작용과 제스처

탭(tap), 드래그(drag), 팬(pan)등의 이벤트를 감지하고 응답하는 방법에 대해 알아보자.

1.1 GestureDetector 위젯

• 위젯들을 감싸 사용자와 상호작용을 할 수 있게 해주는 위젯
• 상호작용을 감지하면 지정된 콜백을 실행한다.

GestureDetector(
	onTap: () => print('tapped!"),
	child: Text("Tap Me"),
);

위처럼 제스처가 발생할 때 실행할 콜백과 child에 들어갈 위젯을 전달해야 한다.

이 GestureDetector 위젯은 기본적으로는 하나의 제스처 콜백을 요구하지만 감지한 제스처 종류에 따라 반응을 다르게 하도록 콜백을 여러 개 전달할 수 있다.

📒제스처 종류

• onTap

• onTapDown

• onDoubleTap

• onVerticalDragDown

• onScaleStart

• onTapUp

• onLongPress

• onHorizontalDragStart

• onPanDown

이 중에서, 몇몇 콜백은 세부정보를 인수로 전달한다.