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

 

Flutter 下拉菜单实现

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()  
    );
  }
)