{"id":28675362,"url":"https://github.com/aseem09/navigation_action_bar","last_synced_at":"2025-06-13T22:09:29.654Z","repository":{"id":56835274,"uuid":"268223730","full_name":"aseem09/navigation_action_bar","owner":"aseem09","description":"Custom Navigation Bar with Floating Action Bar for flutter","archived":false,"fork":false,"pushed_at":"2023-07-06T09:03:07.000Z","size":62,"stargazers_count":7,"open_issues_count":2,"forks_count":7,"subscribers_count":2,"default_branch":"master","last_synced_at":"2023-08-20T22:36:50.327Z","etag":null,"topics":["actionbar","android","animations","dart","flutter","ios","navigationbar"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/navigation_action_bar","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/aseem09.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}},"created_at":"2020-05-31T06:37:32.000Z","updated_at":"2023-02-16T19:08:15.000Z","dependencies_parsed_at":"2022-09-02T14:10:17.087Z","dependency_job_id":null,"html_url":"https://github.com/aseem09/navigation_action_bar","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"purl":"pkg:github/aseem09/navigation_action_bar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aseem09%2Fnavigation_action_bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aseem09%2Fnavigation_action_bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aseem09%2Fnavigation_action_bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aseem09%2Fnavigation_action_bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aseem09","download_url":"https://codeload.github.com/aseem09/navigation_action_bar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aseem09%2Fnavigation_action_bar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259727152,"owners_count":22902183,"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":["actionbar","android","animations","dart","flutter","ios","navigationbar"],"created_at":"2025-06-13T22:09:27.450Z","updated_at":"2025-06-13T22:09:29.639Z","avatar_url":"https://github.com/aseem09.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003cdiv align=\"center\"\u003eNavigation Action Bar\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003eA flutter package for a beautiful modern Navigation Bar along with a Floating Action Bar\u003c/div\u003e\u003cbr\u003e  \n\n\u003cdiv align=\"center\"\u003e  \n   \u003ca href=\"https://flutter.io\"\u003e  \n    \u003cimg src=\"https://img.shields.io/badge/Platform-Flutter-yellow.svg\"  \n      alt=\"Platform\" /\u003e  \n  \u003c/a\u003e  \n   \u003ca href=\"https://opensource.org/licenses/MIT\"\u003e  \n    \u003cimg src=\"https://img.shields.io/badge/License-MIT-red.svg\"  \n      alt=\"License: MIT\" /\u003e  \n  \u003c/a\u003e  \n\u003c/div\u003e\u003cbr\u003e  \n\n\u003cdiv align=\"center\"\u003e  \n\u003cimage src=\"https://user-images.githubusercontent.com/43964071/83350453-dc337c80-a359-11ea-829f-79021da7f77c.gif\" /\u003e\n\u003c/div\u003e\n\n# Table of contents  \n\n * [Installing](#installing)  \n * [Usage](#usage)\n * [Attributes](#attributes)\n * [License](#license)  \n\n\n# Installing\n\n### 1. Depend on it\nAdd this to your package's `pubspec.yaml` file:\n\n```yaml\ndependencies:\n  navigation_action_bar: ^0.0.1\n```\n\n### 2. Install it\n\nYou can install packages from the command line:\n\nwith `pub`:\n\n```css\n$ pub get\n```\n\nwith `Flutter`:\n\n```css\n$ flutter packages get\n```\n\n### 3. Import it\n\nNow in your `Dart` code, you can use: \n\n```dart\nimport 'package:navigation_action_bar/navigation_action_bar.dart';\n```\n\n\n# Usage  \n\n  \n```dart\n    Scaffold(\n      bottomNavigationBar: NavigationActionBar(\n        context: context,\n        scaffoldColor: Colors.blueAccent,\n        index: 0,\n        subItems: [\n          NavBarItem(iconData: Icons.attach_file, size: 25),\n          NavBarItem(iconData: Icons.photo, size: 25),\n          NavBarItem(iconData: Icons.camera_alt, size: 25),\n        ],\n        mainIndex: 2,\n        items: [\n          NavBarItem(iconData: Icons.list, size: 30),\n          NavBarItem(iconData: Icons.compare_arrows, size: 30),\n          NavBarItem(iconData: Icons.add, size: 40),\n          NavBarItem(iconData: Icons.call_merge, size: 30),\n          NavBarItem(iconData: Icons.person, size: 30),\n        ],\n        onTap: (index) {\n          setState(() {\n            currentIndex = index;\n          });\n        },\n      )\n```\n# Attributes\n| Dart attribute                        | Datatype                    | Description                                                  | Default Value |\n| :------------------------------------ | :-------------------------- | :------------------------------------------------- |:----------------------------:|\n|index                                  | int                | Specifies the index of the tab which needs to be open initially            | 0 |\n| mainIndex                         | int          | Specifies the index where the Rotating Button should be placed | @required |\n| items                              | List\u0026lt;NavBarItem\u0026gt;                      | The list of widgets which are to be displayed in the Navigation Bar | @required |\n| subItems                          | List\u0026lt;NavBarItem\u0026gt;                      | The list of widgets which are to be displayed in Action Bar |@required |\n| scaffoldColor            | Color                       | The color of the scaffold             | Colors.blueAccent |\n| backgroundColor            | Color                  | The background color of Navigation Bar          | Colors.white |\n| animationCurve          | AnimationCurve                | Specifies the type of animation curve used by action buttons        | Curves.bounceOut|\n| animationDuration           | Duration            | Specifies how long the animation will last         |300 Milliseconds|\n\n\n# License  \nNavigation_Action_Bar is licensed under `MIT license`. View [license](https://github.com/aseem09/navigation_action_bar/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faseem09%2Fnavigation_action_bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faseem09%2Fnavigation_action_bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faseem09%2Fnavigation_action_bar/lists"}