上海备案证查询网站查询系统,手机网站建设基本流程图,在线精品课程网站开发,交通建设网站我们在上一章回中介绍了再谈ListView中的分隔线#xff0c;本章回中将介绍showMenu的用法.闲话休提#xff0c;让我们一起Talk Flutter吧。 1. 概念介绍
我们在第一百六十三回中介绍了showMenu相关的内容#xff0c;它主要用来显示移动PopupMenu在页面中的位置…我们在上一章回中介绍了再谈ListView中的分隔线本章回中将介绍showMenu的用法.闲话休提让我们一起Talk Flutter吧。 1. 概念介绍
我们在第一百六十三回中介绍了showMenu相关的内容它主要用来显示移动PopupMenu在页面中的位置。如果大家忘记的话可以点击这里查看详细的内容。本章回中 将在此基础上补充一些新的使用方法。
2. 基本用法
我们可以使用showMenu方法来移动PopupMenu移动时主要使用了该方法提供的positon参数这个内容我们在前面章回中介绍过这里不再展开详细讨论。我们先看 一下showMenu方法的函数原型详细如下
FutureT? showMenuT({required BuildContext context,required RelativeRect position,required ListPopupMenuEntryT items,T? initialValue,double? elevation,Color? shadowColor,Color? surfaceTintColor,String? semanticLabel,ShapeBorder? shape,Color? color,bool useRootNavigator false,BoxConstraints? constraints,Clip clipBehavior Clip.none,
}) {}从中可以看到它返回的是一个Future对象。因此我们可以像使用Future一样使用它。下面是该方法的基本用法详细如下
showMenu(context:context,///这个坐标值不好调整下面我的经验值位置在手指点击点的左下方想往左移动给110数字 往下移动180加数字position: const RelativeRect.fromLTRB(170, 180, 110, 10),items: [///建议指定value属性PopupMenuItemString(value: one,onTap: () debugPrint(tap one),child: const Text(1),),PopupMenuItemString(value:two,onTap: () debugPrint(tap two),child: const Text(2),),PopupMenuItemString(value:three,onTap: () debugPrint(tap three),child: const Text(3),),],)3. 补充用法
我们在上一小节介绍了showMenu的基本用法下面是该方法的补充用法
showMenu(context:context,position: const RelativeRect.fromLTRB(170, 180, 110, 10),items: [///省略可以参考上面小节的代码 ],).then((value) null).whenComplete(() null);该用法中主要以Future的方式运行我们可以在PopMenu关闭后做一些逻辑任务。比如popMenu关闭后会调用then方法此时可以在该方法中做一些逻辑业务。当 然了具体的业务与项目有关我习惯在popMenu关闭时恢复被popMenu遮挡的页面。
4. 内容总结
最后我们对本章回中的内容做一个全面总结
可以单独显示PopMenu,也可以和结合showMenu方法一起使用我们可以通过showMenu方法的参数来控制PopMenu的位置我们可以像Futrue一样使用showMenu方法 看官们与再谈showMenu的用法相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
