{"id":13471186,"url":"https://github.com/sooxt98/google_nav_bar","last_synced_at":"2025-10-23T06:57:56.914Z","repository":{"id":42128078,"uuid":"229530377","full_name":"sooxt98/google_nav_bar","owner":"sooxt98","description":"A modern google style nav bar for flutter.","archived":false,"fork":false,"pushed_at":"2024-11-30T13:06:53.000Z","size":154,"stargazers_count":772,"open_issues_count":21,"forks_count":117,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-10-23T06:57:46.405Z","etag":null,"topics":["bottombar","bottomnavigationbar","bubble-navigation","flutter","flutter-apps","flutter-material","flutter-package","flutter-plugin","flutter-widget","google-nav","navigationbar"],"latest_commit_sha":null,"homepage":"","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/sooxt98.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"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":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"sooxt98","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2019-12-22T06:56:56.000Z","updated_at":"2025-10-17T12:38:30.000Z","dependencies_parsed_at":"2024-10-25T06:42:32.731Z","dependency_job_id":null,"html_url":"https://github.com/sooxt98/google_nav_bar","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sooxt98/google_nav_bar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sooxt98%2Fgoogle_nav_bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sooxt98%2Fgoogle_nav_bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sooxt98%2Fgoogle_nav_bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sooxt98%2Fgoogle_nav_bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sooxt98","download_url":"https://codeload.github.com/sooxt98/google_nav_bar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sooxt98%2Fgoogle_nav_bar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280577134,"owners_count":26354073,"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","status":"online","status_checked_at":"2025-10-23T02:00:06.710Z","response_time":142,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["bottombar","bottomnavigationbar","bubble-navigation","flutter","flutter-apps","flutter-material","flutter-package","flutter-plugin","flutter-widget","google-nav","navigationbar"],"created_at":"2024-07-31T16:00:41.230Z","updated_at":"2025-10-23T06:57:56.883Z","avatar_url":"https://github.com/sooxt98.png","language":"Dart","funding_links":["https://ko-fi.com/sooxt98"],"categories":["Components","组件","Dart","UI [🔝](#readme)"],"sub_categories":["UI"],"readme":"# google_nav_bar\n\n\n\u003cimg src=\"https://forthebadge.com/images/badges/built-with-love.svg\" height=\"28px\" /\u003e\u0026nbsp;\u0026nbsp;\u003cimg src=\"https://img.shields.io/badge/license-MIT-green?style=for-the-badge\" height=\"28px\" /\u003e\u0026nbsp;\u0026nbsp;\u003ca href=\"https://pub.dev/packages/google_nav_bar\"\u003e\u003cimg src=\"https://img.shields.io/pub/v/google_nav_bar.svg?style=for-the-badge\" height=\"28px\" /\u003e\u003c/a\u003e\n\nA modern google style nav bar for flutter.\n\n![google_nav_bar](https://user-images.githubusercontent.com/13378059/107119496-8cc72800-68ba-11eb-96c6-9bc8efe1a898.gif)\n\n\nGoogleNavBar is a Flutter widget designed by [Aurelien Salomon](https://dribbble.com/shots/5925052-Google-Bottom-Bar-Navigation-Pattern/) and developed by [sooxt98](https://www.instagram.com/sooxt98/).\n\n\n## Getting Started\n\nAdd this to your package's `pubspec.yaml` file:\n```\n...\ndependencies:\n  google_nav_bar: ^5.0.7\n  \n```\n\nNow in your Dart code, you can use:\n```\nimport 'package:google_nav_bar/google_nav_bar.dart';\n```\n\n## Usage\n\nStyle your tab globally with GNav's attribute, if you wish to style tab separately, use GButton's attribute\n\n``` dart\nGNav(\n  rippleColor: Colors.grey[800], // tab button ripple color when pressed\n  hoverColor: Colors.grey[700], // tab button hover color\n  haptic: true, // haptic feedback\n  tabBorderRadius: 15, \n  tabActiveBorder: Border.all(color: Colors.black, width: 1), // tab button border\n  tabBorder: Border.all(color: Colors.grey, width: 1), // tab button border\n  tabShadow: [BoxShadow(color: Colors.grey.withOpacity(0.5), blurRadius: 8)], // tab button shadow\n  curve: Curves.easeOutExpo, // tab animation curves\n  duration: Duration(milliseconds: 900), // tab animation duration\n  gap: 8, // the tab button gap between icon and text \n  color: Colors.grey[800], // unselected icon color\n  activeColor: Colors.purple, // selected icon and text color\n  iconSize: 24, // tab button icon size\n  tabBackgroundColor: Colors.purple.withOpacity(0.1), // selected tab background color\n  padding: EdgeInsets.symmetric(horizontal: 20, vertical: 5), // navigation bar padding\n  tabs: [\n    GButton(\n      icon: LineIcons.home,\n      text: 'Home',\n    ),\n    GButton(\n      icon: LineIcons.heart_o,\n      text: 'Likes',\n    ),\n    GButton(\n      icon: LineIcons.search,\n      text: 'Search',\n    ),\n    GButton(\n      icon: LineIcons.user,\n      text: 'Profile',\n    )\n  ]\n)\n```\n\nView the example folder\n\nThere are 4 different use case included in the /example directory, go try it out!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsooxt98%2Fgoogle_nav_bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsooxt98%2Fgoogle_nav_bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsooxt98%2Fgoogle_nav_bar/lists"}