PlatformMenuBar Widget

Project Preview

  • Interested in seeing the live demo? Click here to explore.
  • Want to view the source code? Visit the project on GitHub.

Code Snippet

import 'package:flutter/material.dart';

class PlatformMenuBarWidget extends StatelessWidget {
  const PlatformMenuBarWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("PlatformMenuBar Widget"),
      ),
      // this widget is only available in macOS
      body: PlatformMenuBar(
        menus: [
          PlatformMenu(
            label: 'Platform Menu',
            menus: [
              PlatformMenuItemGroup(
                members: [
                  PlatformMenuItem(
                    label: 'About',
                    onSelected: () {},
                  ),
                ],
              ),
              PlatformMenuItemGroup(
                members: [
                  PlatformMenu(
                    label: 'Message',
                    menus: [
                      PlatformMenuItem(
                        onSelected: () {},
                        shortcut: const CharacterActivator('F'),
                        label: 'Learn more',
                      )
                    ],
                  )
                ],
              ),
              if (PlatformProvidedMenuItem.hasMenu(
                  PlatformProvidedMenuItemType.quit))
                const PlatformProvidedMenuItem(
                    type: PlatformProvidedMenuItemType.quit)
            ],
          )
        ],
        child: const Center(
          child: Text(
            'Flutter Mapp',
          ),
        ),
      ),
    );
  }
}