{"id":25660768,"url":"https://github.com/resfandiari/flutter_side_menu","last_synced_at":"2025-04-09T23:19:10.268Z","repository":{"id":50587514,"uuid":"518921533","full_name":"resfandiari/flutter_side_menu","owner":"resfandiari","description":"Flutter's full customizable side menu has been used as a directory for Related Pages, Navigation Items, and more.","archived":false,"fork":false,"pushed_at":"2024-10-15T10:13:02.000Z","size":417,"stargazers_count":50,"open_issues_count":4,"forks_count":24,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-02T21:11:10.889Z","etag":null,"topics":["flutter","menu","menu-navigation","menubar","sidemenu","web"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flutter_side_menu","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/resfandiari.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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}},"created_at":"2022-07-28T16:37:27.000Z","updated_at":"2025-01-12T16:43:41.000Z","dependencies_parsed_at":"2025-02-24T02:17:15.676Z","dependency_job_id":"58cafbf3-73c4-41ba-98a4-e73cf15bc9c6","html_url":"https://github.com/resfandiari/flutter_side_menu","commit_stats":{"total_commits":58,"total_committers":2,"mean_commits":29.0,"dds":"0.10344827586206895","last_synced_commit":"64d702b3068f15f51aba95d1662e50e8ee82f4d7"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resfandiari%2Fflutter_side_menu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resfandiari%2Fflutter_side_menu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resfandiari%2Fflutter_side_menu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/resfandiari%2Fflutter_side_menu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/resfandiari","download_url":"https://codeload.github.com/resfandiari/flutter_side_menu/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248125688,"owners_count":21051784,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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","menu","menu-navigation","menubar","sidemenu","web"],"created_at":"2025-02-24T02:17:07.602Z","updated_at":"2025-04-09T23:19:10.229Z","avatar_url":"https://github.com/resfandiari.png","language":"Dart","readme":"\u003cdiv align=\"center\"\u003e \n\u003ch2 align=\"center\"\u003eFlutter Side Menu\u003c/h2\u003e \n\u003cimg height=\"160\" align=\"center\"  alt=\"logo\" src=\"https://raw.githubusercontent.com/resfandiari/flutter_side_menu/main/assets/logo.png\"/\u003e\n\u003c/br\u003e\n\u003ca href=\"https://github.com/resfandiari/flutter_side_menu/blob/main/LICENSE\"\u003e  \n  \u003cimg alt=\"GitHub\" src=\"https://img.shields.io/github/license/resfandiari/flutter_side_menu\"\u003e \n\u003c/a\u003e  \n\u003ca href=\"https://github.com/resfandiari/flutter_side_menu\"\u003e  \n  \u003cimg alt=\"Pub Version\" src=\"https://img.shields.io/pub/v/flutter_side_menu\" /\u003e\n\u003c/a\u003e  \n\u003ca\u003e  \n  \u003cimg alt=\"GitHub repo size\" src=\"https://img.shields.io/github/repo-size/resfandiari/flutter_side_menu\"\u003e  \n\u003c/a\u003e  \n\u003c/div\u003e\n\u003c/br\u003e\n\n**Flutter's full customizable side menu has been used as a directory for Related Pages, Navigation Items, Filter side and more.**\n\n#### Flutter Side Menu Screenshots\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003ca href=\"https://github.com/resfandiari/flutter_side_menu/tree/main/example/lib/navigation_side.dart\"\u003e\nNavigation Side    \u003c/a\u003e\u003c/td\u003e\n     \u003ctd\u003e\u003ca href=\"https://github.com/resfandiari/flutter_side_menu/tree/main/example/lib/filter_side.dart\"\u003e\nFilter Side    \u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://raw.githubusercontent.com/resfandiari/flutter_side_menu/main/assets/side_menu.png\" \u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://raw.githubusercontent.com/resfandiari/flutter_side_menu/main/assets/side_filter.png\" \u003e\u003c/td\u003e\n  \u003c/tr\u003e\n \u003c/table\u003e\n\n## Usage\n\n### Add dependency\n\nPlease check the latest version before installation.\nIf there is any problem with the new version, please use the previous version\n\n```yaml\ndependencies:\n  flutter:\n    sdk: flutter\n  # add flutter_side_menu\n  flutter_side_menu: ^{latest version}\n```\n\n### Add the following imports to your Dart code\n\n```dart\nimport 'package:flutter_side_menu/flutter_side_menu.dart';\n```\n\n### Property\n\n| Property        | Type         | Default Value | Description                                                                 |\n| --------------- | ------------ | ------------- | --------------------------------------------------------------------------- |\n| builder      | SideMenuBuilder         | null          | Return 'SideMenuData' that includes headers, footers, items, or custom child                                             |\n| controller      | SideMenuController         | null | The 'controller' that can be used to open, close, or toggle side menu.                    |\n| mode         | SideMenuMode     | SideMenuMode.auto          | The 'SideMenuMode' which is auto, open or compact and can determine the menu state  |\n| priority           | SideMenuPriority       | SideMenuPriority.mode          | The 'SideMenuPriority' which is mode or sizer. in sizer mode the side menu width not change if user set custom size with 'Resizer'   |\n| position   | SideMenuPosition     | SideMenuPosition.left     | The 'SideMenuPosition' which is left or right.              |\n| minWidth     | double  | 50.0      | The 'minWidth' value is used to determine the side menu width in the smallest case.                                                         |\n| maxWidth | double         | 250.0         | The 'maxWidth' value is used to determine the side menu width in the largest case.                                                    |\n| hasResizer    | bool         | true         | The 'hasResizer' enable 'Resizer' widget for side menu. With 'Resizer' the side menu width can be customized by the user.      |\n| resizerData         | ResizerData | ResizerData()          | The 'ResizerData' that can set custom style for a 'Resizer'.         |\n| hasResizerToggle         | bool | true          | The 'hasResizerToggle' enable 'ResizerToggle' widget for side menu. With 'ResizerToggle' button you can toggle the width of the side menu between 'minWidth' or 'maxWidth'.         |\n| resizerToggleData         | ResizerToggleData | ResizerToggleData()          | The 'resizerToggleData' that can set custom style for a 'ResizerToggle'.         |\n| backgroundColor         | Color | Color(0xffffffff)          | The 'backgroundColor' it's used to determine the side menu background color         |\n\n\n### Example\n\n``` dart\nimport 'package:flutter/material.dart';\nimport 'package:flutter_side_menu/flutter_side_menu.dart';\n\nvoid main() =\u003e runApp(\n      MaterialApp(\n        home: Material(\n          child: Scaffold(\n            body: Row(\n              children: [\n                SideMenu(\n                  builder: (data) =\u003e SideMenuData(\n                    header: const Text('Header'),\n                    items: [\n                      SideMenuItemDataTile(\n                        isSelected: true,\n                        onTap: () {},\n                        title: 'Item 1',\n                        icon: const Icon(Icons.home),\n                      ),\n                    ],\n                    footer: const Text('Footer'),\n                  ),\n                ),\n                Expanded(\n                  child: Container(\n                    color: Colors.white,\n                    child: const Center(\n                      child: Text(\n                        'body',\n                      ),\n                    ),\n                  ),\n                ),\n                SideMenu(\n                  position: SideMenuPosition.right,\n                  builder: (data) =\u003e const SideMenuData(\n                    customChild: Text('Custom view'),\n                  ),\n                ),\n              ],\n            ),\n          ),\n        ),\n      ),\n    );\n```","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fresfandiari%2Fflutter_side_menu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fresfandiari%2Fflutter_side_menu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fresfandiari%2Fflutter_side_menu/lists"}