{"id":23120931,"url":"https://github.com/rajkumarbhakta/nested_menu_bar","last_synced_at":"2026-05-01T13:31:17.720Z","repository":{"id":251707426,"uuid":"838212088","full_name":"Rajkumarbhakta/nested_menu_bar","owner":"Rajkumarbhakta","description":"Nested Menu Bar is a horizontal menu ber for flutter.Based on PlutoMenuBar.","archived":false,"fork":false,"pushed_at":"2025-04-22T18:28:57.000Z","size":1052,"stargazers_count":1,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-15T09:09:11.064Z","etag":null,"topics":["flutter","flutter-package","nested-menus"],"latest_commit_sha":null,"homepage":"https://rajkumarbhakta.github.io/","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Rajkumarbhakta.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-08-05T07:17:02.000Z","updated_at":"2025-10-01T12:12:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"523c8d55-9eee-40ea-b723-627dc71ca77b","html_url":"https://github.com/Rajkumarbhakta/nested_menu_bar","commit_stats":null,"previous_names":["rajkumarbhakta/nested_menu_bar"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Rajkumarbhakta/nested_menu_bar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rajkumarbhakta%2Fnested_menu_bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rajkumarbhakta%2Fnested_menu_bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rajkumarbhakta%2Fnested_menu_bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rajkumarbhakta%2Fnested_menu_bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rajkumarbhakta","download_url":"https://codeload.github.com/Rajkumarbhakta/nested_menu_bar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rajkumarbhakta%2Fnested_menu_bar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32499681,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flutter","flutter-package","nested-menus"],"created_at":"2024-12-17T06:14:20.192Z","updated_at":"2026-05-01T13:31:17.710Z","avatar_url":"https://github.com/Rajkumarbhakta.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Nested Menu Bar\n\n\u003cp\u003eNested Menu Bar is a horizontal menu bar for flutter.Based on \u003ca href=\"https://github.com/bosskmk/pluto_menu_bar\"\u003ePlutoMenuBar\u003c/a\u003e.\u003c/p\u003e\n\n## Features\n\n- Multiple sub-menu : You can add multiple sub-menu in a menu.Add as many as you want.\n- Customizable : You can customize the menu bar as you want.You can also customize the sub-menu pop up and the sub-menu items.\n- Checkbox, Radio, Icon, Text : You can add checkbox, radio, icon, text in the menu items.\n- Different types of menu : You can open the sub-menu in different onTap and onHover.\n- Easy to use : You can easily use the menu bar in your project.\n\n## Getting started\n\nGet the package from pub.dev by adding the following to your `pubspec.yaml`:\n\n```yaml\ndependencies:\n  nested_menu_bar: ^1.0.2\n```\n\n## Usage\n\n```dart\nclass MyApp extends StatelessWidget {\n  const MyApp({super.key});\n\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'Flutter Demo',\n      theme: ThemeData(\n        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),\n        useMaterial3: true,\n      ),\n      home: const MyHomePage(title: 'Flutter Demo Home Page'),\n    );\n  }\n}\n\nclass MyHomePage extends StatefulWidget {\n  const MyHomePage({super.key, required this.title});\n  final String title;\n\n  @override\n  State\u003cMyHomePage\u003e createState() =\u003e _MyHomePageState();\n}\n\nclass _MyHomePageState extends State\u003cMyHomePage\u003e {\n  late final List\u003cNestedMenuItem\u003e hoverMenu;\n  @override\n  void initState() {\n    super.initState();\n    hoverMenu = _makeMenus(context);\n  }\n\n  void message(context, String text) {\n    ScaffoldMessenger.of(context).hideCurrentSnackBar();\n\n    final snackBar = SnackBar(\n      content: Text(text),\n    );\n\n    ScaffoldMessenger.of(context).showSnackBar(snackBar);\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      body: SingleChildScrollView(\n        child:  NestedMenuBar(\n          menus: hoverMenu,\n          popUpMenuItemBorderRadius: 8,\n          menuBarDecoration: BoxDecoration(\n            color: Colors.black,\n            boxShadow: [\n              BoxShadow(\n                color: Colors.black.withOpacity(0.5),\n                spreadRadius: 5,\n                blurRadius: 7,\n                offset: const Offset(0, 3),\n              ),\n            ],\n          ),\n          menuBarItemHoverColor: Colors.white,\n          menuBarItemColor: Colors.grey,\n          popUpDecoration: BoxDecoration(\n            color: Colors.black,\n            border: Border.all(color: Colors.grey,width: 2),\n            borderRadius: BorderRadius.circular(8),\n          ),\n          popUpPadding: 10,\n          popUpMenuItemHoverForegroundColor:  Colors.white,\n          popUpMenuItemForegroundColor: Colors.grey,\n          popUpMenuItemBackgroundColor: Colors.black,\n          popUpMenuItemHoverBackgroundColor: Colors.grey,\n        ),\n      )\n    );\n  }\n\n  List\u003cNestedMenuItem\u003e _makeMenus(BuildContext context) {\n    return [\n      NestedMenuItem(\n        title: \"Home\",\n        icon: Icons.home,\n        onTap: () =\u003e message(context, \"Home\"),\n      ),\n      NestedMenuItem(\n        title: \"Services\",\n        children: [\n            NestedMenuItem(title: \"DevOps\",onTap: () =\u003e message(context, \"DevOps\"),),\n            NestedMenuItem(title: \"Database modernization\",onTap: () =\u003e message(context, \"Database modernization\"),),\n            NestedMenuItem(title: \"Windows migration\",onTap: () =\u003e message(context, \"Windows migration\"),),\n            NestedMenuItem(title: \"Tailored cloud migration\",onTap: () =\u003e message(context, \"Tailored cloud migration\"),),\n            NestedMenuItem(title: \"Cloud storage solutions\",onTap: () =\u003e message(context, \"Cloud storage solutions\"),),\n            NestedMenuItem(title: \"DR solutions\",onTap: () =\u003e message(context, \"DR solutions\"),),\n            NestedMenuItem(title: \"Managed services\",onTap: () =\u003e message(context, \"Managed services\"),),\n            NestedMenuItem(title: \"App Development\",onTap: () =\u003e message(context, \"App Development\"),\n              children: [\n                NestedMenuItem(title: \"Mobile App Development\",\n                onTap: () =\u003e message(context, \"Mobile App Development\"),\n                children: [\n                  NestedMenuItem(title: \"Native App Development\",onTap: () =\u003e message(context, \"Native App Development\"),\n                  children: [\n                    NestedMenuItem(title: \"Android App Development\",onTap: () =\u003e message(context, \"Android App Development\"),),\n                    NestedMenuItem(title: \"iOS App Development\",onTap: () =\u003e message(context, \"iOS App Development\"),),]),\n                  NestedMenuItem(title: \"Cross Platform Development\",onTap: () =\u003e message(context, \"Cross Platform Development\"),\n                  children: [\n                    NestedMenuItem(title: \"Flutter App Development\",onTap: () =\u003e message(context, \"Flutter App Development\"),),\n                    NestedMenuItem(title: \"React Native App Development\",onTap: () =\u003e message(context, \"React Native App Development\"),),],),],),\n                NestedMenuItem(title: \"Web App Development\",onTap: () =\u003e message(context, \"Web App Development\"),),\n              ]\n            ),\n        ]\n      ),\n      NestedMenuItem(\n        title: \"About Us\",\n      ),\n    ];\n  }\n\n}\n```\n\n## Screenshots\n\n|                      Example                       |\n| :------------------------------------------------: |\n| \u003cimg src=\"screenshot/screenshot.png\" height=\"200\"\u003e |\n\n## Additional information\n\n- For help on editing package code, view the [documentation](https://flutter.dev/docs/development/packages-and-plugins/developing-packages).\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frajkumarbhakta%2Fnested_menu_bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frajkumarbhakta%2Fnested_menu_bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frajkumarbhakta%2Fnested_menu_bar/lists"}