flutter长按列表指定位置弹出菜单

#flutter长按列表指定位置弹出菜单| 来源: 网络整理| 查看: 265

flutter长按列表指定位置弹出菜单

效果如图：在这里插入图片描述

打算弄个像安卓微信列表长按出菜单的效果要求： 1.长按列表弹出菜单 2.需要在手势位置弹出 3.想微信哪样若手势位置靠上则向下弹出菜单，若点击位置靠下则向上弹出，若点击位置靠左则向右弹，若点击位置靠右则向左弹。。实现本来打算直接用 showMenu 弄来着，但position调来调去都没有办法按照预想位置弹出。后决定通过 showGeneralDialog 手动弄个。首先要获取点击位置，常用的 InkWell 只有onLongPress，并没有位置信息，所以选用手势更多的GestureDetector（detail）{}来获取手势位置信息获取手势位置信息并调用打开菜单方法代码：

GestureDetector( onLongPressStart: (olpdt) async { var menuResult = await showRightMenu(context, olpdt.globalPosition.dx, olpdt.globalPosition.dy, items: [ MapEntry("修改", eventMenuItems.edit), MapEntry("删除", eventMenuItems.delete)]);

弹出菜代码实现：

// 按指定位置弹出菜单 //dx,dy:手势位置 //items菜单选项，keey为显示内容，value为返回值 //如果不传items参数可以自定义菜单样式，需要传size和menu Future showRightMenu(BuildContext context,dx,dy,{List items,Size size,Widget menu}) async{ double sw = MediaQuery.of(context).size.width;//屏幕宽度 double sh = MediaQuery.of(context).size.height;//屏幕高度 Border border = dy0){ double itemWidth = 100.0; double itemHeight = 50.0; double menuHeight = itemHeight * items.length+2; size = Size(itemWidth,menuHeight); menu = Container( decoration: BoxDecoration(color: Colors.white, border: border), child: Column( children: items.map((e) => InkWell( child:Container( padding:EdgeInsets.all(10), width: itemWidth, height: itemHeight, child: Text(e.key,style: TextStyle(fontSize: 16),), ), onTap: (){ Navigator.pop(context,e.value); }, )).toList(), ), ); } Size sSize = MediaQuery.of(context).size; // PopupMenuItem double menuW = size.width;//菜单宽度 double menuH = size.height;//菜单高度 //判断手势位置在屏幕的那个区域以判断最好的弹出方向 double endL = dx return Stack( children: [ // 有好多种Transition来实现不同的动画效果，可以参考官方API PositionedTransition( rect: RelativeRectTween( begin: RelativeRect.fromSize(//动画起始位置与元素大小 Rect.fromLTWH(dx, dy, 1, 1), sSize), end: RelativeRect.fromSize(//动画结束位置与元素大小 Rect.fromLTRB(endL,endT,endR,endB), sSize), ).animate(CurvedAnimation(parent: anim1, curve: Curves.ease)), child: child) ], ); } ); }

结束语：本人是做后台的，flutter纯属爱好，写的有问题的地方还请高手赐教。真心感觉flutter很棒，希望flutter越来越好！

【本文地址】

公司简介

联系我们