在很多安卓App上，有很多底部彈出的菜單，這個在Flutter上同樣可以實現。

先看一下效果

?

嗯，就是這樣子的，當用戶點擊菜單區域以外的時候，菜單會自動關閉。

下面就看一下Dart語言實現

?

floatingActionButton: new FloatingActionButton(onPressed: () {showModalBottomSheet(context: context,builder: (BuildContext context){return new Column(mainAxisSize: MainAxisSize.min,children: <Widget>[new ListTile(leading: new Icon(Icons.photo_camera),title: new Text("Camera"),onTap: () async {imageFile = await ImagePicker.pickImage(source: ImageSource.camera);Navigator.pop(context);},),new ListTile(leading: new Icon(Icons.photo_library),title: new Text("Gallery"),onTap: () async {imageFile = await ImagePicker.pickImage(source: ImageSource.gallery);Navigator.pop(context);},),],);});},foregroundColor: Colors.white,child: Text('點我'),),

?

可見，showModalBottomSheet只需要制定上下文context，在自己設計bulider即可。

轉載于:https://www.cnblogs.com/hupo376787/p/10015221.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的Flutter - 弹出底部菜单Show Modal Bottom Sheet的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。