{"id":13465602,"url":"https://github.com/pedromassango/bottom_navy_bar","last_synced_at":"2025-05-14T05:10:44.426Z","repository":{"id":34073095,"uuid":"168603672","full_name":"pedromassango/bottom_navy_bar","owner":"pedromassango","description":" A beautiful and animated bottom navigation","archived":false,"fork":false,"pushed_at":"2024-12-14T13:47:16.000Z","size":8121,"stargazers_count":1062,"open_issues_count":23,"forks_count":221,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-05-07T06:07:16.105Z","etag":null,"topics":["flutter","flutter-apps","flutter-material","flutter-package","flutter-plugin","flutter-widget"],"latest_commit_sha":null,"homepage":"https://youtu.be/jJPSKEEiN-E","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pedromassango.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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},"funding":{"patreon":"pedromassango"}},"created_at":"2019-01-31T22:00:37.000Z","updated_at":"2025-05-06T11:12:14.000Z","dependencies_parsed_at":"2025-01-23T05:12:14.253Z","dependency_job_id":null,"html_url":"https://github.com/pedromassango/bottom_navy_bar","commit_stats":{"total_commits":113,"total_committers":14,"mean_commits":8.071428571428571,"dds":"0.35398230088495575","last_synced_commit":"84c3f2603d985088781461284931b65ab40ab70f"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedromassango%2Fbottom_navy_bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedromassango%2Fbottom_navy_bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedromassango%2Fbottom_navy_bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedromassango%2Fbottom_navy_bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pedromassango","download_url":"https://codeload.github.com/pedromassango/bottom_navy_bar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254076850,"owners_count":22010611,"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","flutter-apps","flutter-material","flutter-package","flutter-plugin","flutter-widget"],"created_at":"2024-07-31T15:00:32.469Z","updated_at":"2025-05-14T05:10:44.372Z","avatar_url":"https://github.com/pedromassango.png","language":"Dart","funding_links":["https://patreon.com/pedromassango"],"categories":["Components","组件","Dart","UI [🔝](#readme)","Packages","Uncategorized"],"sub_categories":["UI","Uncategorized"],"readme":"![Pub](https://img.shields.io/pub/v/bottom_navy_bar) \u003ca href=\"https://github.com/Solido/awesome-flutter\"\u003e\n    \u003cimg alt=\"Awesome Flutter\" src=\"https://img.shields.io/badge/Awesome-Flutter-blue.svg?longCache=true\u0026style=flat-square\" /\u003e\n\u003c/a\u003e \n![Widget Tests](https://github.com/pedromassango/bottom_navy_bar/workflows/Widget%20Tests/badge.svg?branch=master)\n\n[![Latest compatibility result for Stable channel](https://img.shields.io/endpoint?url=https://pub.green/packages/bottom_navy_bar/badge?channel=stable)](https://pub.green/packages/bottom_navy_bar)\n[![Latest compatibility result for Beta channel](https://img.shields.io/endpoint?url=https://pub.green/packages/bottom_navy_bar/badge?channel=beta)](https://pub.green/packages/bottom_navy_bar)\n[![Latest compatibility result for Dev channel](https://img.shields.io/endpoint?url=https://pub.green/packages/bottom_navy_bar/badge?channel=dev)](https://pub.green/packages/bottom_navy_bar)\n\n\u003ca href=\"https://flutter.dev/docs/development/packages-and-plugins/favorites\"\u003e\n\u003cimg height=\"128\" src=\"https://github.com/pedromassango/bottom_navy_bar/blob/master/images/flutter_favorite_badge.png\"\u003e\n\u003c/a\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n# BottomNavyBar\n\nA beautiful and animated bottom navigation.\nThe navigation bar uses your current theme, but you are free to customize it.\n\n| Preview | PageView |\n|---------|----------|\n|![FanBottomNavyBar Gif](https://github.com/pedromassango/bottom_navy_bar/blob/master/images/navy.gif) | ![Fix Gif](https://github.com/pedromassango/bottom_navy_bar/blob/master/images/fix.gif) |\n\n## Customization (Optional)\n\n### BottomNavyBar\n- `iconSize` - the item icon's size\n- `items` - navigation items, required more than one item and less than six\n- `selectedIndex` - the current item index. Use this to change the selected item. Defaults to zero\n- `onItemSelected` - required to listen when an item is tapped it provides the selected item's index\n- `backgroundColor` - the navigation bar's background color\n- `showElevation` - if false the appBar's elevation will be removed\n- `mainAxisAlignment` - use this property to change the horizontal alignment of the items. It is mostly used when you have ony two items and you want to center the items\n- `curve` - param to customize the item change's animation\n- `containerHeight` - changes the Navigation Bar's height\n- `showInactiveTitle` - use this property show a Inactive titles. Defaults to false.\n \n### BottomNavyBarItem\n- `icon` - the icon of this item\n- `title` - the text that will appear next to the icon when this item is selected\n- `activeColor` - the active item's background and text color\n- `inactiveColor` - the inactive item's icon color\n- `textAlign` - property to change the alignment of the item title\n- `activeBackgroundColor` - the active item's background color\n- `activeTextColor` - the active item's text color\n- `tooltipText` - the tooltip text that will appear when the item is long pressed\n\n## Getting Started\n\nAdd the dependency in `pubspec.yaml`:\n\n```yaml\ndependencies:\n  ...\n  bottom_navy_bar: ^6.0.0\n```\n\n## Basic Usage\n\nAdding the widget\n\n```dart\nbottomNavigationBar: BottomNavyBar(\n   selectedIndex: _selectedIndex,\n   showElevation: true, // use this to remove appBar's elevation\n   onItemSelected: (index) =\u003e setState(() {\n              _selectedIndex = index;\n              _pageController.animateToPage(index,\n                  duration: Duration(milliseconds: 300), curve: Curves.ease);\n    }),\n   items: [\n     BottomNavyBarItem(\n       icon: Icon(Icons.apps),\n       title: Text('Home'),\n       activeColor: Colors.red,\n     ),\n     BottomNavyBarItem(\n         icon: Icon(Icons.people),\n         title: Text('Users'),\n         activeColor: Colors.purpleAccent\n     ),\n     BottomNavyBarItem(\n         icon: Icon(Icons.message),\n         title: Text('Messages'),\n         activeColor: Colors.pink\n     ),\n     BottomNavyBarItem(\n         icon: Icon(Icons.settings),\n         title: Text('Settings'),\n         activeColor: Colors.blue\n     ),\n   ],\n)\n```\n\n## Use with PageView and PageController\n\n```dart\nclass _MyHomePageState extends State\u003cMyHomePage\u003e {\n\n  int _currentIndex = 0;\n  PageController _pageController;\n\n  @override\n  void initState() {\n    super.initState();\n    _pageController = PageController();\n  }\n\n  @override\n  void dispose() {\n    _pageController.dispose();\n    super.dispose();\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(title: Text(\"Bottom Nav Bar\")),\n      body: SizedBox.expand(\n        child: PageView(\n          controller: _pageController,\n          onPageChanged: (index) {\n            setState(() =\u003e _currentIndex = index);\n          },\n          children: \u003cWidget\u003e[\n            Container(color: Colors.blueGrey,),\n            Container(color: Colors.red,),\n            Container(color: Colors.green,),\n            Container(color: Colors.blue,),\n          ],\n        ),\n      ),\n      bottomNavigationBar: BottomNavyBar(\n        selectedIndex: _currentIndex,\n        onItemSelected: (index) {\n          setState(() =\u003e _currentIndex = index);\n          _pageController.jumpToPage(index);\n        },\n        items: \u003cBottomNavyBarItem\u003e[\n          BottomNavyBarItem(\n            title: Text('Item One'),\n            icon: Icon(Icons.home)\n          ),\n          BottomNavyBarItem(\n            title: Text('Item Two'),\n            icon: Icon(Icons.apps)\n          ),\n          BottomNavyBarItem(\n            title: Text('Item Three'),\n            icon: Icon(Icons.chat_bubble)\n          ),\n          BottomNavyBarItem(\n            title: Text('Item Four'),\n            icon: Icon(Icons.settings)\n          ),\n        ],\n      ),\n    );\n  }\n}\n```\n\n## Author\n\n- [Pedro Massango](https://github.com/pedromassango)\n\n## Maintainers\n\n- [Antonio Pedro](https://github.com/antonio-pedro99)\n\n## Contributions\n\nContributions of any kind are more than welcome! Feel free to fork and improve in any way you want, make a pull request, or open an issue.\nSee [CONTRIBUTING.md](./CONTRIBUTING.md) for more info on how to contribute to this project.\n\n# License\n\nThis project is licensed under the Apache-2.0 License - see the [LICENSE](./LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpedromassango%2Fbottom_navy_bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpedromassango%2Fbottom_navy_bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpedromassango%2Fbottom_navy_bar/lists"}