ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Flutter] GestureDetector 사용
    함께 공부하는 Flutter 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 와 관하여,

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

    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 클래스 문서에서 확인할 수 있습니다.

    반응형
Designed by Tistory.