contextmenu 3.0.0 
contextmenu: ^3.0.0 copied to clipboard
with-the-braid.cfDisplay a beautifully animated, material context menu using pure Flutter
contextmenu #
Display a beautiful material context menu using pure Flutter.
It works both on touch devices and on desktop devices.
See a demo here!
Features #
- modern, emphasizing animation according to material design guidelines
- handles screen edges and oversize
- very efficient code (< 250 lines)
Getting Started #
You can easily display a context menu using the following code:
Widget build() {
return ContextMenuArea(
builder: (context) => [
ListTile(
title: Text('Option 1'),
onTap: () {
Navigator.of(context).pop();
ScaffoldMessenger.of(context)
.showSnackBar(SnackBar(content: Text('Whatever')));
},
)
],
child: Card(
color: Theme
.of(context)
.primaryColor,
child: Center(
child: Text('Press somewhere for context menu.'),
),
),
);
}
A more complicated way manually triggering a context menu using showContextMenu() is:
Widget build() {
return GestureDetector(
onSecondaryTapDown: (details) =>
showContextMenu(
details.globalPosition, context, items, verticalPadding, width),
child: Text('Tap!'));
}
Setup web #
For the web, edit your index.html and add the following in the <body> tag:
<body oncontextmenu="return false;">
License #
This project is EUPL licensed. For further details, consult LICENSE.
Metadata
94
likes
150
pub points
96%
popularity
Publisher
Metadata
Display a beautifully animated, material context menu using pure Flutter
Homepage
Repository (GitLab)
View/report issues
Documentation
License
EUPL-1.2 (license)
Dependencies
after_layout, animations, flutter
