下拉菜單 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()

  );

  }

)