[flutter] getX 함수를 사용하여 터치 이벤트를 모니터링하기

04 Dec 2023

flutter

Flutter에서 터치 이벤트를 모니터링하고 사용자의 동작을 감지하기 위해서 getX 함수를 사용할 수 있습니다. getX 함수는 GestureDetector에서 제공하는 메소드로, 사용자가 어떤 위치를 터치하고 있는지를 알려줍니다.

이 함수를 사용하기 위해서는 다음과 같은 단계를 따를 수 있습니다:

GestureDetector 위젯을 작성하고, onTapDown 콜백을 등록합니다.
onTapDown 콜백에서는 이벤트가 발생한 위치를 얻기 위해 getX 함수를 호출합니다.

아래는 getX 함수를 사용하여 터치 이벤트를 모니터링하는 예제입니다:

import 'package:flutter/material.dart';

class TouchMonitoringPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Touch Monitoring'),
      ),
      body: Center(
        child: GestureDetector(
          onTapDown: (TapDownDetails details) {
            double xPos = details.globalPosition.dx;
            double yPos = details.globalPosition.dy;

            print('Touched at (x: $xPos, y: $yPos)');
          },
          child: Container(
            width: 200,
            height: 200,
            color: Colors.blue,
            child: Center(
              child: Text(
                'Tap Here',
                style: TextStyle(fontSize: 20, color: Colors.white),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

위의 예제에서는 onTapDown 콜백에서 getX 함수를 사용하여 이벤트가 발생한 위치의 x 좌표와 y 좌표를 얻고, 이를 출력하고 있습니다. 이를 실행하면 사용자가 터치한 위치의 좌표가 출력됩니다.

이와 같이 getX 함수를 사용하면 Flutter 애플리케이션에서 터치 이벤트를 모니터링하고, 사용자의 동작에 대한 추가적인 처리를 할 수 있습니다.

참고 자료: