showMenu(context:context,position:RelativeRect.fill,items:<PopupMenuEntry>[PopupMenuItem(child:Text('语文')),PopupMenuDivider(),CheckedPopupMenuItem(child:Text('数学'),checked:true,),PopupMenuDivider(),PopupMenuItem(child:Text('英语')),]); position参数表示弹出的位置,效果如下: 属性和PopupMenuBu...
new PopupMenuItem<String>( value: 'value02', child: new Text('Item Two')), new PopupMenuDivider(height: 1.0), new PopupMenuItem<String>( value: 'value03', child: new Text('Item Three')), new PopupMenuDivider(height: 1.0), new PopupMenuItem<String>( value: 'value04', child: new...
PopupMenuDivider(), PopupMenuItem(child: Text('英语')), ]); position参数表示弹出的位置,效果如下: 属性和PopupMenuButton基本一样,但使用showMenu需要我们指定位置,所以一般情况下,我们不会直接使用showMenu,而是使用PopupMenuButton,免去了计算位置的过程。 看下PopupMenuButton是如何计算的,有助于帮助我们理解:...
PopupMenu默认的弹框位置都是在右上角,且会挡住标题栏,如果有需要在其他位置弹框就需要借助showMenu,主要通过position属性定位弹框位置。 menu的宽高与内容相关,小菜的理解是在水平和竖直方向上会将设置的position位置加上menu宽高,再与屏幕匹配,超过屏幕宽高,根据position按照LTRB顺序贴近屏幕边框展示。 onTap: () ...
PopupMenu默认的弹框位置都是在右上角,且会挡住标题栏,如果有需要在其他位置弹框就需要借助showMenu,主要通过position属性定位弹框位置。 menu的宽高与内容相关,小菜的理解是在水平和竖直方向上会将设置的position位置加上menu宽高,再与屏幕匹配,超过屏幕宽高,根据position按照LTRB顺序贴近屏幕边框展示。
showMenu 指定位置 PopupMenu默认的弹框位置都是在右上角,且会挡住标题栏,如果有需要在其他位置弹框就需要借助showMenu,主要通过position属性定位弹框位置。 menu的宽高与内容相关,小菜的理解是在水平和竖直方向上会将设置的position位置加上menu宽高,再与屏幕匹配,超过屏幕宽高,根据position按照LTRB顺序贴近屏幕边框展...
this.position, // 菜单的位置。 this.clipBehavior = Clip.none, // 菜单的剪裁行为。 this.useRootNavigator = false, // 是否使用根导航器来推送菜单。默认为 false。 this.popUpAnimationStyle, // 弹出菜单的动画样式。 }) 示例: // ignore_for_file: prefer_const_constructors import 'package:flut...
PopupMenu默认的弹框位置都是在右上角,且会挡住标题栏,如果有需要在其他位置弹框就需要借助showMenu,主要通过position属性定位弹框位置。 menu的宽高与内容相关,小菜的理解是在水平和竖直方向上会将设置的position位置加上menu宽高,再与屏幕匹配,超过屏幕宽高,根据position按照LTRB顺序贴近屏幕边框展示。
使用PopupMenuButton,点击时弹出菜单,用法如下: PopupMenuButton<String>( itemBuilder: (context) {return<PopupMenuEntry<String>>[ PopupMenuItem<String>( value:'语文', child: Text('语文'), ), PopupMenuItem<String>( value:'数学', child: Text('数学'), ...
PopupMenuButton<String>( child: Text('学科'), ... ) child组件将会被InkWell包裹,点击弹出菜单,效果如下: 也可以设置其他图标: PopupMenuButton<String>( icon: Icon(Icons.add), ... ) 效果如下: 设置弹出菜单边框: PopupMenuButton<String>( ...