Skip to Content
Forui 0.12.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(
  popoverController: FPopoverController(vsync: this),
  scrollController: ScrollController(),
  style: FPopoverMenuStyle(...),
  cacheExtent: 100,
  maxHeight: 200,
  dragStartBehavior: DragStartBehavior.start,
  menuAnchor: Alignment.topCenter,
  childAnchor: Alignment.bottomCenter,
  spacing: FPortalSpacing.zero,
  shift: FPortalShift.flip,
  offset: Offset.zero,
  groupId: 'popover-menu-group',
  hideOnTapOutside: FHidePopoverRegion.excludeTarget,
  traversalEdgeBehavior: TraversalEdgeBehavior.closedLoop,
  menuBuilder: (context, controller, menu) => [FTileGroup(children: [])],
  menu: [
    FTileGroup(
      children: [],
    ),
  ],
  builder: (context, controller, child) => const Placeholder(),
  child: const Placeholder(),
);
Last updated on
PopoverTooltip