{"id":32297438,"url":"https://github.com/doctor-blue/moony_nav_bar_flutter","last_synced_at":"2026-02-20T09:31:29.829Z","repository":{"id":41091913,"uuid":"375404855","full_name":"doctor-blue/moony_nav_bar_flutter","owner":"doctor-blue","description":"Flutter navigation bar lib.  Simple and easy to use","archived":false,"fork":false,"pushed_at":"2022-07-02T08:04:16.000Z","size":1528,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-23T04:43:01.105Z","etag":null,"topics":["flutter","flutter-bottom-navigation-bar","flutter-library","flutter-navigation"],"latest_commit_sha":null,"homepage":"https://dev-comentry.gitbook.io/docs/flutter/moony-navigation-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/doctor-blue.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":"2021-06-09T15:32:05.000Z","updated_at":"2024-03-31T07:58:06.000Z","dependencies_parsed_at":"2022-07-30T21:18:02.889Z","dependency_job_id":null,"html_url":"https://github.com/doctor-blue/moony_nav_bar_flutter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/doctor-blue/moony_nav_bar_flutter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doctor-blue%2Fmoony_nav_bar_flutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doctor-blue%2Fmoony_nav_bar_flutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doctor-blue%2Fmoony_nav_bar_flutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doctor-blue%2Fmoony_nav_bar_flutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/doctor-blue","download_url":"https://codeload.github.com/doctor-blue/moony_nav_bar_flutter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doctor-blue%2Fmoony_nav_bar_flutter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29647656,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-20T09:27:29.698Z","status":"ssl_error","status_checked_at":"2026-02-20T09:26:12.373Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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-bottom-navigation-bar","flutter-library","flutter-navigation"],"created_at":"2025-10-23T04:42:52.562Z","updated_at":"2026-02-20T09:31:29.824Z","avatar_url":"https://github.com/doctor-blue.png","language":"Dart","funding_links":["https://www.buymeacoffee.com/doctorblue","https://www.paypal.me/doctorblue00"],"categories":[],"sub_categories":[],"readme":"# Moony Navigation Bar\n```\nMake sure the library version in your app is the latest\nas I will update and fix some bugs as soon as it is detected.\nYou can create issues and notify me of errors you see or when you have any questions.\n```\n## Donate\n\u003ca href=\"https://www.buymeacoffee.com/doctorblue\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-orange.png\" alt=\"Buy Me A Coffee\" height=\"41\" width=\"174\"\u003e\u003c/a\u003e\n[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.me/doctorblue00)\n\n## GIF\n\n\u003cbr\u003e\n- #1 \n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/doctor-blue/moony_nav_bar_flutter/master/preview/preview1.gif\" width=\"412\" height=\"116\"/\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n- #2\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/doctor-blue/moony_nav_bar_flutter/master/preview/preview3.gif\" width=\"412\" height=\"116\"/\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n- #3\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/doctor-blue/moony_nav_bar_flutter/master/preview/preview4.gif\" width=\"412\" height=\"116\"/\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n- #4 Custom NavigationBarItem\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/doctor-blue/moony_nav_bar_flutter/master/preview/preview2.gif\" width=\"412\" height=\"116\"/\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n- #5 with margin and border radius\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cimg src=\"https://raw.githubusercontent.com/doctor-blue/moony_nav_bar_flutter/master/preview/preview5.gif\" width=\"412\" height=\"116\"/\u003e\n\n## Setup\n\n### With flutter\nRun this command:\n```bash\nflutter pub add moony_nav_bar\n```\nThis will add a line like this to your package's pubspec.yaml (and run an implicit dart pub get):\n\n```yaml\ndependencies:\n  moony_nav_bar: ^1.3.0\n```\n\n### Import it\nNow at your code, you can use:\n```dart\nimport 'package:moony_nav_bar/moony_nav_bar.dart';\n```\n### Style\nAll navigation bar style contained inside the MoonyNavStyle class\n\n| Attributes | Type | Default | Description |\n|----------- | ---------- |-----------| ----------- |\n| activeColor | Color | Color.black | Active Color|\n| color | Color | Color.black45 | Inactive navigation item color |\n| indicatorColor | Color | activeColor | Indicator color |\n| backgroundColor | Color | Colors.white | Background color |\n| indicatorPosition | IndicatorPosition | IndicatorPosition.TOP | Indicator position |\n| indicatorType | IndicatorType | IndicatorType.POINT | Indicator type |\n| marginLeft | double | 0 | Margin left |\n| marginRight | double | 0 | Margin right |\n| marginBottom | double | 0 | Margin bottom |\n| elevation | double | 5 | Navigation elevation |\n| borderRadius | BorderRadius? | null | Navigation border radius. example : `BorderRadius.circular(10)`  |\n\n### NavigationBarItem attributes\n| Attributes | Type | Default | Description |\n|----------- | ---------- |-----------| ----------- |\n| icon | IconData |  | Default Icon `required`|\n| onTap | NavigationButtonTapCallback | | Tap listener `required` |\n| activeIcon | IconData | null | Active icon `optional`|\n| indicatorColor | Color | style.indicatorColor | Indicator color `optional`|\n| color | Color | style.activeColor | Active icon color `optional` |\n\n## Example\n\n### Note:\n- _screen1, _screen2, _screen3, _screen4 is my example, you can replace them with your screen\n\n```dart\nimport 'package:flutter/material.dart';\nimport 'package:moony_nav_bar/moony_nav_bar.dart';\nimport 'package:moony_nav_bar_example/screen.dart';\n\nvoid main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatefulWidget {\n  @override\n  _MyAppState createState() =\u003e _MyAppState();\n}\n\nclass _MyAppState extends State\u003cMyApp\u003e {\n  Widget _screen1 = Screen1();\n  Widget _screen2 = Screen2();\n  Widget _screen3 = Screen3();\n  Widget _screen4 = Screen4();\n  int selectedIndex = 0;\n\n  @override\n  void initState() {\n    super.initState();\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        appBar: AppBar(\n          title: const Text('Moony navigation bar'),\n        ),\n        body: getBody(),\n        bottomNavigationBar: MoonyNavigationBar(\n          items: \u003cNavigationBarItem\u003e[\n            NavigationBarItem(\n                icon: Icons.home_rounded,\n                onTap: () {\n                  onTapHandler(0);\n                }),\n            NavigationBarItem(\n                icon: Icons.favorite_border_outlined,\n                activeIcon: Icons.favorite,\n                color: Colors.pink,\n                indicatorColor: Colors.pink,\n                onTap: () {\n                  onTapHandler(1);\n                }),\n            NavigationBarItem(\n                icon: Icons.search,\n                onTap: () {\n                  onTapHandler(2);\n                }),\n            NavigationBarItem(\n                icon: Icons.person_outline,\n                onTap: () {\n                  onTapHandler(3);\n                })\n          ],\n          style: MoonyNavStyle(\n            activeColor: Theme.of(context).primaryColor,\n            indicatorPosition: IndicatorPosition.TOP,\n            indicatorType: IndicatorType.POINT,\n            borderRadius: BorderRadius.only(\n              topLeft: Radius.circular(10),\n              topRight: Radius.circular(10),\n            ),\n          ),\n        ),\n      ),\n    );\n  }\n\n  Widget getBody() {\n    if (this.selectedIndex == 0) {\n      return this._screen1;\n    } else if (this.selectedIndex == 1) {\n      return this._screen2;\n    } else if (this.selectedIndex == 2) {\n      return this._screen3;\n    }\n    return this._screen4;\n  }\n\n  void onTapHandler(int index) {\n    this.setState(() {\n      this.selectedIndex = index;\n    });\n  }\n}\n\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoctor-blue%2Fmoony_nav_bar_flutter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdoctor-blue%2Fmoony_nav_bar_flutter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoctor-blue%2Fmoony_nav_bar_flutter/lists"}