This project is a fork of chinabrant/popup_menu.
This project was written completely in dart, and it supports both iOS and Android.
- show/hide animation
You can find the demo at the 'example' folder.
PopupMenu menu = PopupMenu(
context: context,
config: const MenuConfig(
backgroundColor: Colors.green,
lineColor: Colors.greenAccent,
highlightColor: Colors.lightGreenAccent,
),
items: [
PopUpMenuItem(title: 'Copy', image: Image.asset('assets/copy.png')),
PopUpMenuItem(title: 'Home', image: Icon(Icons.home, color: Colors.white,)),
PopUpMenuItem(title: 'Mail', image: Icon(Icons.mail, color: Colors.white,)),
PopUpMenuItem(title: 'Power', image: Icon(Icons.power, color: Colors.white,)),
PopUpMenuItem(title: 'Setting', image: Icon(Icons.settings, color: Colors.white,)),
PopUpMenuItem(title: 'Traffic', image: Icon(Icons.traffic, color: Colors.white,))],
onClickMenu: onClickMenu,
onShow: onShow,
onDismiss: onDismiss);
menu.show(rect: rect);
or
PopupMenu menu = PopupMenu(
context: context,
config: const MenuConfig(
backgroundColor: Colors.green,
lineColor: Colors.greenAccent,
highlightColor: Colors.lightGreenAccent,
),
items: [
PopUpMenuItem(title: 'Copy', image: Image.asset('assets/copy.png')),
PopUpMenuItem(
title: 'Home',
textStyle: TextStyle(fontSize: 10.0, color: Colors.tealAccent),
image: Icon(
Icons.home,
color: Colors.white,
)),
PopUpMenuItem(
title: 'Mail',
image: Icon(
Icons.mail,
color: Colors.white,
)),
PopUpMenuItem(
title: 'Power',
image: Icon(
Icons.power,
color: Colors.white,
)),
PopUpMenuItem(
title: 'Setting',
image: Icon(
Icons.settings,
color: Colors.white,
)),
PopUpMenuItem(
title: 'PopupMenu',
image: Icon(
Icons.menu,
color: Colors.white,
))
],
onClickMenu: onClickMenu,
onDismiss: onDismiss);
menu.show(widgetKey: btnKey2);with custom content:
PopupMenu menu = PopupMenu(
context: context,
config: const MenuConfig(
type: MenuType.custom,
itemHeight: 200,
itemWidth: 200,
backgroundColor: Colors.green,
),
content: Container(
width: 50,
height: 50,
color: Colors.red,
),
onClickMenu: onClickMenu,
onDismiss: onDismiss);
menu.show(widgetKey: btnKey2);