Overlay

Context Menu

A context menu displays a menu at the user's pointer.

On web, call BrowserContextMenu.disableContextMenu() to prevent the browser's native context menu from appearing.

Usage

FContextMenu(...)

1FContextMenu(
2 style: const .delta(maxWidth: 250),
3 longPress: null,
4 secondaryPress: null,
5 faded: null,
6 divider: .full,
7 menu: [
8 .group(
9 children: [
10 .item(title: const Text('Edit'), onPress: () {}),
11 .item(title: const Text('Delete'), onPress: () {}),
12 ],
13 ),
14 ],
15 menuBuilder: (context, controller, menu) => menu!,
16 builder: (context, controller, child) => child!,
17 child: const SizedBox.square(dimension: 200),
18)

FContextMenu.tiles(...)

1FContextMenu.tiles(
2 style: const .delta(maxWidth: 250),
3 longPress: null,
4 secondaryPress: null,
5 faded: null,
6 divider: .full,
7 menu: [
8 .group(
9 children: [
10 .tile(title: const Text('Edit'), onPress: () {}),
11 .tile(title: const Text('Delete'), onPress: () {}),
12 ],
13 ),
14 ],
15 menuBuilder: (context, controller, menu) => menu!,
16 builder: (context, controller, child) => child!,
17 child: const SizedBox.square(dimension: 200),
18)

Examples

Nested Submenu

Tiles

On this page