[Flutter] GestureDetector

 

 

 

 

 

최종 코드

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _GestureDetectorExample createState() => _GestureDetectorExample();
}

class _GestureDetectorExample extends State<MyApp> {
  late String msg;
  late String direction;

  double _scaleFactor = 1.0;
  double _baseScaleFactor = 1.0;

  @override
  void initState() {
    msg = 'gesture';
    direction = '';
  }

  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test',
      home: Center(
        child: GestureDetector(
          onTap: () {
            setState(() {
              msg = 'onTap';
            });
          },
          onLongPress: () {
            setState(() {
              msg = 'onLongPress';
            });
          },
          onDoubleTap: () {
            setState(() {
              msg = 'onDoubleTap';
            });
          },
          onScaleStart: (details) {
            _baseScaleFactor = _scaleFactor;
          },
          onScaleUpdate: (details) {
            setState(() {
              _scaleFactor = _baseScaleFactor * details.scale;
            });
          },
          child: Expanded(
              child: Column(
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  children: [
                Container(
                  width: 500,
                  height: 300,
                  color: Colors.orange,
                ),
                Text(
                  msg,
                  style: TextStyle(color: Colors.amber, fontSize: 30),
                  textScaleFactor: _scaleFactor,
                ),
                GestureDetector(
                  onVerticalDragEnd: (DragEndDetails details) {
                    setState(() {
                      String updown = details.velocity.pixelsPerSecond.dy < 0
                          ? 'up'
                          : 'down';
                      direction = updown;
                    });
                  },
                  onHorizontalDragEnd: (DragEndDetails details) {
                    setState(() {
                      String updown = details.velocity.pixelsPerSecond.dx < 0
                          ? 'left'
                          : 'right';
                      direction = updown;
                    });
                  },
                  child: Expanded(
                      child: Column(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: [
                        Container(
                          width: 300,
                          height: 300,
                          color: Colors.green,
                        ),
                        Text(
                          direction,
                          style: TextStyle(color: Colors.blue, fontSize: 20),
                        ),
                      ])),
                )
              ])),
        ),
      ),
    );
  }
}

 

 

 

결과