Popover

A popover displays rich content in a portal that is aligned to a target.

Usage

FPopover(...)

const FPopover(
  controller: FPopoverController(),
  followerAnchor: Alignment.topCenter,
  targetAnchor: Alignment.bottomCenter,
  hideOnTapOutside: true,
  shift: FPortalFollowerShift.flip,
  follower: (context) => const Placeholder(),
  child: const Placeholder(),
);

Examples

Horizontal Alignment

You can change how the popover is aligned to the button.

Tapping outside Does Not Close Popover

Flip along Axis

The popover can be flipped along the overflowing axis to stay within the viewport boundaries.

Shift along Axis

The popover can be shifted along the overflowing axis to stay within the viewport boundaries.

No Shifting

The popover is not shifted to stay within the viewport boundaries, even if it overflows.