함께 공부하는 Flutter

[Flutter] GestureDetector 사용

냥냥박사에디 2024. 1. 3. 10:43
반응형

Flutter의 GestureDetector에서 사용할 수 있는 모든 이벤트 콜백을 나열하는 것은 상당히 많으며, 여기서 전체 목록을 제공할 수는 없습니다. 그러나 주요 제스처 이벤트들은 다음과 같습니다:

  1. onTap: 화면에서 한 번 탭할 때 호출되는 콜백 함수.
  2. onDoubleTap: 화면에서 두 번 연속으로 탭할 때 호출되는 콜백 함수.
  3. onLongPress: 화면에서 길게 누를 때 호출되는 콜백 함수.
  4. onLongPressMoveUpdate: 화면에서 길게 누른 상태에서 이동할 때 호출되는 콜백 함수.
  5. onVerticalDragDown, onVerticalDragEnd, onVerticalDragUpdate: 수직 드래그 감지에 대한 다양한 콜백 함수.
  6. onHorizontalDragDown, onHorizontalDragEnd, onHorizontalDragUpdate: 수평 드래그 감지에 대한 다양한 콜백 함수.
  7. onScaleUpdate: 두 손가락으로 화면을 확대 또는 축소할 때 호출되는 콜백 함수.

이 외에도 onTapDown, onTapUp, onTapCancel, onSecondaryTap, onSecondaryLongPress, onForcePressStart, onForcePressEnd, onForcePressPeak, onVerticalDragCancel, onScaleEnd 등 다양한 콜백 함수가 있습니다. Flutter 문서에서 GestureDetector 클래스를 확인하면 모든 가능한 콜백 함수와 설명을 자세히 볼 수 있습니다.

특히 onTap 와 관하여,

GestureDetector의 onTap 콜백 함수와 관련된 몇 가지 옵션 및 관련 함수들은 다음과 같습니다:

  1. onTap: 화면에서 한 번 탭할 때 호출되는 콜백 함수.

    GestureDetector(
  onTap: () {
    // 탭 이벤트 처리
  },
  // ...
)

  2. onTapDown: 탭이 발생한 위치에서 손가락이 화면에 닿을 때 호출되는 콜백 함수.

    GestureDetector(
  onTapDown: (details) {
    // 탭 다운 이벤트 처리
    // details.globalPosition으로 탭이 발생한 위치에 접근 가능
  },
  // ...
)

  3. onTapUp: 탭 후 손가락이 화면에서 떼어질 때 호출되는 콜백 함수.

    GestureDetector(
  onTapUp: (details) {
    // 탭 업 이벤트 처리
    // details.globalPosition으로 탭이 발생한 위치에 접근 가능
  },
  // ...
)

  4. onTapCancel: 탭 중에 어떠한 이유로 탭이 취소될 때 호출되는 콜백 함수.

    GestureDetector(
  onTapCancel: () {
    // 탭 취소 이벤트 처리
  },
  // ...
)

이 외에도 onSecondaryTap, onSecondaryLongPress, onLongPress, onLongPressMoveUpdate, onDoubleTap, onForcePressStart, onForcePressEnd, onForcePressPeak, onForcePressUpdate 등 다양한 콜백 함수와 관련된 옵션이 있습니다. 이를 통해 다양한 제스처 및 터치 이벤트에 대응할 수 있습니다. 관련된 모든 옵션 및 함수에 대한 자세한 내용은 Flutter GestureDetector 클래스 문서에서 확인할 수 있습니다.

반응형