{"id":22271345,"url":"https://github.com/programmingwormhole/flutter_navbar_pro","last_synced_at":"2026-01-05T18:09:27.344Z","repository":{"id":98617327,"uuid":"608817152","full_name":"programmingwormhole/flutter_navbar_pro","owner":"programmingwormhole","description":"This is a amazing nav bar project. You can use this package in your amazing flutter project to make your project beautiful.","archived":false,"fork":false,"pushed_at":"2023-03-02T19:57:53.000Z","size":2,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T14:18:59.882Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/programmingwormhole.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-03-02T19:53:01.000Z","updated_at":"2023-03-02T19:53:01.000Z","dependencies_parsed_at":"2023-03-06T12:00:18.318Z","dependency_job_id":null,"html_url":"https://github.com/programmingwormhole/flutter_navbar_pro","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programmingwormhole%2Fflutter_navbar_pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programmingwormhole%2Fflutter_navbar_pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programmingwormhole%2Fflutter_navbar_pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programmingwormhole%2Fflutter_navbar_pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/programmingwormhole","download_url":"https://codeload.github.com/programmingwormhole/flutter_navbar_pro/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245495708,"owners_count":20624806,"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":[],"created_at":"2024-12-03T12:11:52.242Z","updated_at":"2026-01-05T18:09:27.303Z","avatar_url":"https://github.com/programmingwormhole.png","language":null,"funding_links":["https://buymeacoffee.com/shirajul_dev"],"categories":[],"sub_categories":[],"readme":"\u003c!--\nDeveloper: Programming Wormhole\nAuthor: Md Shirajul Islam\nGithub: htts://github.com/programmingwormhole\n--\u003e\n\u003cp align=\"center\"\u003e\n   \u003cimg src=\"https://i.ibb.co/z2C207P/New-Project.jpg\" alt=\"Navigation Bar By Programming Wormhole\" /\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n## 🌐 Socials:\n[![Facebook](https://img.shields.io/badge/Facebook-%231877F2.svg?logo=Facebook\u0026logoColor=white)](https://facebook.com/no.name.virus) [![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?logo=Instagram\u0026logoColor=white)](https://instagram.com/shirajul_dev) [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/md-shirajul-islam) [![Twitter](https://img.shields.io/badge/Twitter-%231DA1F2.svg?logo=Twitter\u0026logoColor=white)](https://twitter.com/shirajul_dev) [![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?logo=YouTube\u0026logoColor=white)](https://youtube.com/@programmingwormhole)\n\u003c/div\u003e\n\u003chr\u003e\n\n## How to use?\n\nAdd `flutter_navbar_pro:` to your `pubspec.yaml` dependencies then run `flutter pub get`\n\n\nAdd from pub [Stable]\n\n```yaml\n dependencies:\n  flutter_navbar_pro:\n```\n\nThen import the package to use\n\n```dart \nimport 'package:flutter_navbar_pro/flutter_navbar_pro.dart';\n```\n\nAdd `FlutterNavBarPro()` to `bottomNavigationBar` property of `Scaffold()`.\n\n\n## Design Overview\n\n[I just inspired From This Bar (MyGp App)](https://camo.githubusercontent.com/891dbb2f88f1afe9eca0361dd9cca7b28d34c1781b3f2c5e95b6ffd330d6e0f8/68747470733a2f2f692e706f7374696d672e63632f6430636b683348502f312e6a7067)\n\n\u003cimg src=\"https://i.ibb.co/zfLvD8V/Simulator-Screen-Shot-i-Phone-14-Pro-Max-2023-03-03-at-00-53-50.png\"  width=\"280\"/\u003e\n\n\n### **Do and don't**\n- Don't make icon size too big.\n    - Don't use label text too long\n\n## How to use it\n- ### For Navigation Bar Code Example\nPast it inside scaffold\n ```dart\n bottomNavigationBar: FlutterNavBarPro(\n          iconFirst: Icons.home,\n          labelFirst: 'Home',\n          iconSecond: Icons.local_offer_outlined,\n          labelSecond: 'Offers',\n          iconThree: Icons.person,\n          labelThree: 'Account',\n          iconFour: Icons.menu,\n          labelFour: 'More',\n          labelMiddle: 'Explore',\n        ),\n ```\n\u003e\u003e1. Here we just typed our IconData. The package already done all modification for you.\n     \u003e\u003e So just type the IconData only. (eg: Icons.name)\n\u003e\u003e 2. And for icon label you can't able to use any wiget under the under '' codeation you have to type your label text and the package already done all modification for you.\n\n- ### How to use the center icon?\nPast it inside scaffold\n```dart\nfloatingActionButton: FloatingBarPro(\n          middleBGColor: Colors.white,\n          imageData: 'assets/images/explore.png',\n        ),\n        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,\n```\n\u003e\u003e Here in imageData you have a past your own image icon path.\n- ### How to change image to icon? .\n\n\u003e\u003e 1. Hold on the ctrl button and click on FlutterNavBarPro()\n\u003e\u003e 2. And comment of delete 123-125 no line codes.\n\u003e\u003e 3. and past one line of codes here\n```dart\nchild: Icon(Icons.access_time_filled_rounded),\n```\n\u003e\u003e Here just change the IconData with yours\n\n\u003cbr\u003e\n\n[![BuyMeACoffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge\u0026logo=buy-me-a-coffee\u0026logoColor=black)](https://buymeacoffee.com/shirajul_dev) \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammingwormhole%2Fflutter_navbar_pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprogrammingwormhole%2Fflutter_navbar_pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammingwormhole%2Fflutter_navbar_pro/lists"}