Flutter学习Flutter

flutter获取点击位置

2019-10-14  本文已影响0人  移动端_小刚哥

我们在使用快手或者京东时经常可以看到这么一个功能,长按一个作品然后弹出来一个弹框,这个弹框有一个小箭头指向这个作品,碰巧我们也需要一个这样的功能,于是做此分享与君共勉。

jd.jpg

要想实现长按弹出弹框功能需要获取长按的globalPosition全局位置,实现起来很简单

                    GestureDetector(
                      onPanDown: (DragDownDetails details) {
                        double globlePositionX = details.globalPosition.dx;
                        double globlePositionY = details.globalPosition.dy;
                      },
                      onLongPress: () {
                        //根据globlePositionX和globlePositionY弹出弹框
                      },
                      child: Container(),
                    ),

onLongPress方法是获取不了位置的,需要借助onPanDown方法

实现效果

display01.jpg display02.jpg display03.jpg

gitHub: https://github.com/jizhigang/flutter_tap_position

上一篇 下一篇

猜你喜欢

热点阅读