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

先看一下效果

?

嗯，就是這樣子的，當(dāng)用戶點擊菜單區(qū)域以外的時候，菜單會自動關(guān)閉。

下面就看一下Dart語言實現(xiàn)

?

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，在自己設(shè)計bulider即可。

轉(zhuǎn)載于:https://www.cnblogs.com/hupo376787/p/10015221.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。