AppFlowy/frontend/app_flowy/packages/appflowy_popover/README.md
2022-09-01 18:21:47 +08:00

1.5 KiB

AppFlowy Popover

A Popover can be used to display some content on top of another.

Features

A popover is a transient view that appears above other content onscreen when you tap a control or in an area. Typically, a popover includes an arrow pointing to the location from which it emerged. Popovers can be nonmodal or modal. A nonmodal popover is dismissed by tapping another part of the screen or a button on the popover. A modal popover is dismissed by tapping a Cancel or other button on the popover.

Source: Human Interface Guidelines.

  • Basic popover style
  • Nested popover support
  • Exclusive popover API

Example

Popover(
  triggerActions: PopoverTriggerActionFlags.click,
  child: TextButton(child: Text("Popover"), onPressed: () {}),
  popupBuilder(BuildContext context) {
    return PopoverMenu();
  },
);