下拉菜单 showMenu 手势事件 弹出底部菜单
作者:互联网
下拉菜单 showMenuFlutter GestureDetector 手势事件 GestureDetector( behavior: HitTestBehavior.opaque, onTap: () { // Navigator.of(context).pop(); }, child:Text("") ) Flutter 弹出底部菜单 注意:默认情况 showModalBottomSheet 弹出底部菜单的时候,点击任意地方会都会消失。这个时候我们在外层加个 GestureDetector 手势事件,点击返回 false 这样点击的时候就不会消失了。 showModalBottomSheet( context: context, builder: (context) { return GestureDetector( behavior: HitTestBehavior.opaque, onTap: () { // Navigator.of(context).pop(); }, onDoubleTap: () { print("DoubleTap"); }, child: Container() ); } )
IconButton(
icon: Icon(Icons.more_horiz),
onPressed: (){
showMenu(
context:context,
position:RelativeRect.fromLTRB(600, 76, 10, 0) ,
items: [
PopupMenuItem(
child: Row(
children: <Widget>[
Icon(Icons.home),
Text("首页")
],
),
),
PopupMenuItem(
child: Row(
children: <Widget>[
Icon(Icons.search),
Text("搜索")
],
),
)
]
);
},
)
标签:showMenu,菜单,GestureDetector,Icons,Text,context,child,下拉菜单 来源: https://www.cnblogs.com/zhaofeis/p/12385974.html