Popover Menu

class _PopoverMenu extends StatefulWidget {
  @override
  State<_PopoverMenu> createState() => _State();
}
 
class _State extends State<_PopoverMenu> with SingleTickerProviderStateMixin {
  late FPopoverController controller;
 
  @override
  void initState() {
    super.initState();
    controller = FPopoverController(vsync: this);
  }
 
  @override
  Widget build(BuildContext context) => FHeader(
    title: const Text('Edit Notes'),
    suffixes: [
      FPopoverMenu(
        popoverController: controller,
        menuAnchor: Alignment.topRight,
        childAnchor: Alignment.bottomRight,
        menu: [
          FTileGroup(
            children: [
              FTile(
                prefixIcon: Icon(FIcons.user),
                title: const Text('Personalization'),
                onPress: () {},
              ),
              FTile(
                prefixIcon: Icon(FIcons.paperclip),
                title: const Text('Add attachments'),
                onPress: () {},
              ),
              FTile(
                prefixIcon: Icon(FIcons.qrCode),
                title: const Text('Scan Document'),
                onPress: () {},
              ),
            ],
          ),
          FTileGroup(
            children: [
              FTile(
                prefixIcon: Icon(FIcons.list),
                title: const Text('List View'),
                onPress: () {},
              ),
              FTile(
                prefixIcon: Icon(FIcons.layoutGrid),
                title: const Text('Grid View'),
                onPress: () {},
              ),
            ],
          ),
        ],
        child: FHeaderAction(
          icon: Icon(FIcons.ellipsis),
          onPress: controller.toggle,
        ),
      ),
    ],
  );
 
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }
}