{"id":23165228,"url":"https://github.com/blackshadowsoftwareltd/animation_search_bar","last_synced_at":"2025-10-12T22:37:37.881Z","repository":{"id":56826119,"uuid":"461100039","full_name":"blackshadowsoftwareltd/animation_search_bar","owner":"blackshadowsoftwareltd","description":"Flutter animated searchbar package","archived":false,"fork":false,"pushed_at":"2024-05-01T12:34:32.000Z","size":172,"stargazers_count":21,"open_issues_count":6,"forks_count":8,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-23T10:52:56.926Z","etag":null,"topics":["dart","flutter","flutterpackage","package","plugins"],"latest_commit_sha":null,"homepage":"","language":"C++","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/blackshadowsoftwareltd.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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-02-19T05:51:01.000Z","updated_at":"2024-05-21T05:27:41.000Z","dependencies_parsed_at":"2025-06-23T10:36:23.070Z","dependency_job_id":"2e7ee7e6-a690-40d6-b2bf-6c495924f65b","html_url":"https://github.com/blackshadowsoftwareltd/animation_search_bar","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/blackshadowsoftwareltd/animation_search_bar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blackshadowsoftwareltd%2Fanimation_search_bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blackshadowsoftwareltd%2Fanimation_search_bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blackshadowsoftwareltd%2Fanimation_search_bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blackshadowsoftwareltd%2Fanimation_search_bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blackshadowsoftwareltd","download_url":"https://codeload.github.com/blackshadowsoftwareltd/animation_search_bar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blackshadowsoftwareltd%2Fanimation_search_bar/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279013278,"owners_count":26085250,"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-12T02:00:06.719Z","response_time":53,"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":["dart","flutter","flutterpackage","package","plugins"],"created_at":"2024-12-18T01:15:49.605Z","updated_at":"2025-10-12T22:37:37.853Z","avatar_url":"https://github.com/blackshadowsoftwareltd.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# animation_search_bar\n\nA Customizable Animated Search Bar. It is suitable for the AppBar.\n\n## Getting Started\n\n### Simple use case\n```dart\nAnimationSearchBar(\n   backIconColor: Colors.black,\n   centerTitle: 'App Title',\n   onChanged: (text) =\u003e debugPrint(text),\n   searchTextEditingController: controller,\n   horizontalPadding: 5)\n```\n| Simple use case | Using all properties | \n|:-------------:|:-------------:|\n| ![Untitled video ‐ Made with Clipchamp](https://user-images.githubusercontent.com/76734056/163029017-a0ed4266-d4ce-4d23-9121-3aa6c414a171.gif) | ![Dark ‐ Made with Clipchamp](https://user-images.githubusercontent.com/76734056/163030808-c9a4ed63-ce36-4b1a-9945-65cb1e18d93b.gif) |\n\n### All properties of this package\n```dart\nAnimationSearchBar(\n   ///! Required\n   onChanged: (text) =\u003e debugPrint(text),\n   searchTextEditingController: controller,\n\n   ///! Optional. For more customization\n   //? Back Button\n   backIcon: Icons.arrow_back_ios_new,\n   backIconColor: Colors.white,\n   isBackButtonVisible: true,\n   previousScreen: null, // It will push and replace this screen when pressing the back button\n   //? Close Button\n   closeIconColor: Colors.white,\n   //? Center Title\n   centerTitle: 'App Title', \n   hintText: 'Search here...',\n   centerTitleStyle: const TextStyle(\n     fontWeight: FontWeight.w500,color: Colors.white, fontSize: 20),\n   //? Search hint text\n   hintStyle: const TextStyle(\n     color: Colors.white, fontWeight: FontWeight.w300),\n   //? Search Text\n   textStyle: const TextStyle(\n     color: Colors.white, fontWeight: FontWeight.w300),\n   //? Cursor color\n   cursorColor: Colors.lightBlue.shade300,\n   //? Duration\n   duration: const Duration(milliseconds: 500),\n   //? Height, Width \u0026 Padding\n   searchFieldHeight: 35, // Total height of the search field\n   searchBarHeight: 50, // Total height of this Widget\n   searchBarWidth: MediaQuery.of(context).size.width - 20, // Total width of this Widget\n   horizontalPadding: 5,\n   verticalPadding: 0,\n   //? Search icon color\n   searchIconColor: Colors.white.withOpacity(.7),\n   //? Search field background decoration\n   searchFieldDecoration: BoxDecoration(\n     color: Colors.blueGrey.shade700,\n     border: Border.all(color: Colors.black.withOpacity(.2), width: .5),\n     borderRadius: BorderRadius.circular(15)),\n   )\n```\n\n#### Background Color\n\nIf you want to customize the background color. Please see the example where I decorate a Container for the search bar background. you can decorate as your wish.\n\n\n\n \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblackshadowsoftwareltd%2Fanimation_search_bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblackshadowsoftwareltd%2Fanimation_search_bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblackshadowsoftwareltd%2Fanimation_search_bar/lists"}