Skip to Content
Forui 0.17.0 is released 🎉
DocumentationOverlayPopover Menu

Popover Menu

A popover menu displays a menu in a portal aligned to a child.

API Reference

CLI

To generate and customize this style:

dart run forui style create popover-menu

Usage

FPopoverMenu(...)

FPopoverMenu(
  control: FPopoverControl.managed(),
  scrollController: ScrollController(),
  style: (style) => style.copyWith(...),
  cacheExtent: 100,
  maxHeight: double.infinity,
  dragStartBehavior: DragStartBehavior.start,
  divider: FItemDivider.full,
  menuAnchor: Alignment.topCenter,
  childAnchor: Alignment.bottomCenter,
  spacing: FPortalSpacing.spacing(4),
  overflow: FPortalOverflow.flip,
  offset: Offset.zero,
  groupId: 'popover-menu-group',
  hideRegion: FPopoverHideRegion.excludeChild,
  onTapHide: () {},
  autofocus: true,
  focusNode: FocusScopeNode(),
  onFocusChange: (focused) {},
  traversalEdgeBehavior: TraversalEdgeBehavior.closedLoop,
  menu: [FItemGroup(children: [])],
  builder: (context, controller, child) => const Placeholder(),
  child: const Placeholder(),
);

FPopoverMenu.tiles(...)

FPopoverMenu.tiles(
  control: FPopoverControl.managed(),
  scrollController: ScrollController(),
  style: (style) => style.copyWith(...),
  cacheExtent: 100,
  maxHeight: double.infinity,
  dragStartBehavior: DragStartBehavior.start,
  divider: FTileDivider.full,
  menuAnchor: Alignment.topCenter,
  childAnchor: Alignment.bottomCenter,
  spacing: FPortalSpacing.spacing(4),
  overflow: FPortalOverflow.flip,
  offset: Offset.zero,
  groupId: 'popover-menu-group',
  hideRegion: FPopoverHideRegion.excludeChild,
  autofocus: true,
  focusNode: FocusScopeNode(),
  onFocusChange: (focused) {},
  traversalEdgeBehavior: TraversalEdgeBehavior.closedLoop,
  menu: [FTileGroup(children: [])],
  builder: (context, controller, child) => const Placeholder(),
  child: const Placeholder(),
);

Examples

Tiles

Last updated on
PopoverTooltip