下部にあるドロップダウンメニューshowMenuジェスチャーイベントポップアップメニュー

下拉菜单showMenu   
IconButton（
  アイコン：アイコン（Icons.more_horiz）、
  onPressed：（）{ 
    showMenu（
        コンテキスト：コンテキスト、
        位置：RelativeRect.fromLTRB（600、76、10、0）、
        商品：[ 
          PopupMenuItem（
            子：行（
              子供：<ウィジェット> [ 
                アイコン（Icons.home）、
                テキスト（ "首页"）
              ]、 
            ）、
          ）、 
          PopupMenuItem（
            子：行（
              子供：<ウィジェット> [ 
                アイコン（Icons.search）、
                テキスト（ "搜索"）
              ] 、
            ）、 
          ）
        ] 
    ）; 
  }、 
）

フラッターGestureDetectorのジェスチャイベント

GestureDetector（

  行動：HitTestBehavior.opaque、

 ONTAP：（）{

    // Navigator.of（コンテキスト）（.pop）。

  }、

  子供：テキスト（ ""）

）

 

下部のフラッターポップアップメニュー

注：デフォルトshowModalBottomSheetでは、ポップアップメニューの一番下にはクリックのどこが消えます。今回は、外側の層にGestureDetectorのジェスチャイベントを追加し、クリックされたときに消えません返す偽をクリックしてください。

showModalBottomSheet（

  コンテキスト：コンテキスト、

  ビルダー：（コンテキスト）{

  リターンGestureDetector（

    行動：HitTestBehavior.opaque、

    ONTAP：（）{

    // Navigator.of（コンテキスト）（.pop）。

  }、

  onDoubleTap：（）{

    （「ダブルタップ」）を印刷。

  }、

  子供：コンテナ（）

  ）;

  }

）