Flutter

Flutter | 手势操作可能遇到的一些问题及其解决

2020-07-10  本文已影响0人  凌川江雪

概要

Pan和Scale不能同时使用

代码:
GestureDetector(
          child:
          Text(
            '手势操作遇到问题的测试',
            style:TextStyle(color: Colors.orangeAccent, fontSize: 20),
          ),
          /*********************** Pan事件 *****************************/
          onPanDown: (DragDownDetails details){
            print(''
                'onPanDown  点击处的坐标为:${details.globalPosition}  '
                'x轴:${details.globalPosition.dx}   y轴坐标: ${details.globalPosition.dy}');
          },
          onPanStart: (DragStartDetails details){
            print(''
                'onPanStart  点击处的坐标为:${details.globalPosition}  '
                'x轴:${details.globalPosition.dx}   y轴坐标: ${details.globalPosition.dy}');
          },
          onPanUpdate: (DragUpdateDetails details){
            print(''
                'onPanStart  点击处的坐标为:${details.globalPosition}  '
                'x轴:${details.globalPosition.dx}   y轴坐标: ${details.globalPosition.dy}');
          },
          onPanEnd: (DragEndDetails details){
            print('onPanEnd  点击处的坐标为:${details.primaryVelocity.toString()}');
          },
          onPanCancel: (){
            print('onPanCancel');
          },
          /*********************** Pan事件 *****************************/
        onScaleStart: (ScaleStartDetails details){},
        onScaleUpdate: (ScaleUpdateDetails details){},
        ),
运行效果:
注意这句话:

垂直和水平事件不能同时使用

需要做处理、判断、区分,
否则会同时触发 垂直和水平 两种事件;

双击事件要获取点击坐标,需要Pan(Tap)事件







参考自CSDN的Flutter入门课程

上一篇 下一篇

猜你喜欢

热点阅读