美文网首页Flutter学习Flutter
flutter获取点击位置

flutter获取点击位置

作者: 移动端_小刚哥 | 来源:发表于2019-10-14 15:15 被阅读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

相关文章

网友评论

    本文标题:flutter获取点击位置

    本文链接:https://www.haomeiwen.com/subject/vnzcyctx.html