0 purchases
Description:
contextmenu
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.'),
),
),
);
}
copied to clipboard
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!'));
}
copied to clipboard
Setup web #
For the web, edit your index.html and add the following in the <body> tag:
<body oncontextmenu="return false;">
copied to clipboard
License #
This project is EUPL licensed. For further details, consult LICENSE.
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
