下拉菜单 showMenu 手势事件 弹出底部菜单

下拉菜单 showMenu  
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("搜索")
              ],
            ),
          )
        ]
    );
  },
)

Flutter 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()

  );

  }

)