{"id":13465596,"url":"https://github.com/tunitowen/fancy_bottom_navigation","last_synced_at":"2026-02-22T00:01:49.317Z","repository":{"id":39380009,"uuid":"164189698","full_name":"tunitowen/fancy_bottom_navigation","owner":"tunitowen","description":"Flutter plugin - FancyBottomNavigation","archived":false,"fork":false,"pushed_at":"2023-12-01T16:20:13.000Z","size":329,"stargazers_count":813,"open_issues_count":43,"forks_count":187,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-10-23T03:38:51.721Z","etag":null,"topics":["bottomnavigationbar","fancy","flutter","tabs"],"latest_commit_sha":null,"homepage":null,"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/tunitowen.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-01-05T06:44:29.000Z","updated_at":"2025-10-14T00:57:23.000Z","dependencies_parsed_at":"2024-01-05T21:04:04.732Z","dependency_job_id":null,"html_url":"https://github.com/tunitowen/fancy_bottom_navigation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tunitowen/fancy_bottom_navigation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tunitowen%2Ffancy_bottom_navigation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tunitowen%2Ffancy_bottom_navigation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tunitowen%2Ffancy_bottom_navigation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tunitowen%2Ffancy_bottom_navigation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tunitowen","download_url":"https://codeload.github.com/tunitowen/fancy_bottom_navigation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tunitowen%2Ffancy_bottom_navigation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29699335,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T23:35:04.139Z","status":"ssl_error","status_checked_at":"2026-02-21T23:35:03.832Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["bottomnavigationbar","fancy","flutter","tabs"],"created_at":"2024-07-31T15:00:32.365Z","updated_at":"2026-02-22T00:01:49.273Z","avatar_url":"https://github.com/tunitowen.png","language":"Dart","readme":"# FancyBottomNavigation\n\n![Fancy Gif](https://github.com/tunitowen/fancy_bottom_navigation/blob/master/fancy_gif.gif \"Fancy Gif\")\n\n## Getting Started\n\nAdd the plugin (pub coming soon):\n\n```yaml\ndependencies:\n  ...\n  fancy_bottom_navigation: ^0.3.2\n```\n\n## Limitations\nFor now this is limited to more than 1 tab, and less than 5. So 2-4 tabs.\n\n## Basic Usage\n\nAdding the widget\n```dart\nbottomNavigationBar: FancyBottomNavigation(\n    tabs: [\n        TabData(iconData: Icons.home, title: \"Home\"),\n        TabData(iconData: Icons.search, title: \"Search\"),\n        TabData(iconData: Icons.shopping_cart, title: \"Basket\")\n    ],\n    onTabChangedListener: (position) {\n        setState(() {\n        currentPage = position;\n        });\n    },\n)\n```\n\n## TabData\n**iconData** -\u003e Icon to be used for the tab\u003cbr/\u003e\n**title** -\u003e String to be used for the tab\u003cbr/\u003e\n**onClick** -\u003e Optional function to be used when the circle itself is clicked, on an active tab\n\n## Attributes\n### required\n**tabs** -\u003e List of `TabData` objects\u003cbr/\u003e\n**onTabChangedListener** -\u003e Function to handle a tap on a tab, receives `int position`\n\n### optional\n**initialSelection** -\u003e Defaults to 0\u003cbr/\u003e\n**circleColor** -\u003e Defaults to null, derives from `Theme`\u003cbr/\u003e\n**activeIconColor** -\u003e Defaults to null, derives from `Theme`\u003cbr/\u003e\n**inactiveIconColor** -\u003e Defaults to null, derives from `Theme`\u003cbr/\u003e\n**textColor** -\u003e Defaults to null, derives from `Theme`\u003cbr/\u003e\n**barBackgroundColor** -\u003e Defaults to null, derives from `Theme`\u003cbr/\u003e\n**key** -\u003e Defaults to null\u003cbr/\u003e\n\n## Theming\n\nThe bar will attempt to use your current theme out of the box, however you may want to theme it. Here are the attributes:\n\n\n![Fancy Theming](https://github.com/tunitowen/fancy_bottom_navigation/blob/master/fancy_theming.png \"Fancy Theming\")\n\n## Programmatic Selection\n\nTo select a tab programmatically you will need to assign a GlobalKey to the widget. When you want to change tabs you will need to access the State using this key, and then call `setPage(position)`.\u003cbr/\u003e\nSee example project, main.dart, line 75 for an example.\n\n## Showcase\nUsing this package in a live app, let me know and I'll add you app here.\n\n\n## Inspiration\n\nThis package was inspired by a design on dribbble by Manoj Rajput:\u003cbr/\u003e\nhttps://dribbble.com/shots/5419022-Tab\n\n## Contributing\n\nContributions are welcome, please submit a PR :)\n","funding_links":[],"categories":["Components","组件","UI [🔝](#readme)","Packages","Dart"],"sub_categories":["UI"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftunitowen%2Ffancy_bottom_navigation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftunitowen%2Ffancy_bottom_navigation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftunitowen%2Ffancy_bottom_navigation/lists"}