{"id":15067699,"url":"https://github.com/durbek03/ios_search_appbar","last_synced_at":"2025-04-10T15:38:20.987Z","repository":{"id":180144542,"uuid":"656048539","full_name":"durbek03/ios_search_appbar","owner":"durbek03","description":"Flutter package which combines collapsible app bar and beatifully animated search bar in ios-style.","archived":false,"fork":false,"pushed_at":"2023-11-28T13:16:24.000Z","size":41338,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-11-29T13:37:42.191Z","etag":null,"topics":["animation","appbar","collapsible","collapsibleappbar","collapsiblesearchappbar","flutter","searchbar"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/durbek03.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}},"created_at":"2023-06-20T06:53:36.000Z","updated_at":"2023-10-16T16:20:34.000Z","dependencies_parsed_at":"2023-11-09T12:33:06.151Z","dependency_job_id":"7459a92d-be8c-4db2-a89a-183dbced4990","html_url":"https://github.com/durbek03/ios_search_appbar","commit_stats":null,"previous_names":["durbek03/ios_search_appbar"],"tags_count":9,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/durbek03%2Fios_search_appbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/durbek03%2Fios_search_appbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/durbek03%2Fios_search_appbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/durbek03%2Fios_search_appbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/durbek03","download_url":"https://codeload.github.com/durbek03/ios_search_appbar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248243482,"owners_count":21071054,"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":["animation","appbar","collapsible","collapsibleappbar","collapsiblesearchappbar","flutter","searchbar"],"created_at":"2024-09-25T01:26:05.153Z","updated_at":"2025-04-10T15:38:20.965Z","avatar_url":"https://github.com/durbek03.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# iOS Search AppBar\n\nThe **iOS Search AppBar** package is a Flutter library that provides a collapsible app bar and a beautiful search bar animation, giving your Flutter app an iOS-style look and feel. It is fully customizable and compatible with both iOS and Android platforms.\n\n![demo_gif](https://github.com/durbek03/ios_search_appbar/assets/76834170/1f671641-2e63-4297-b1f2-a1a8aa32abe6)\n\n## Usage\nAdd the `ios_search_appbar` package to your `pubspec.yaml` file:\n\n```yaml\ndependencies:\n  ios_search_appbar: ^1.1.1\n\n```\nImport the package in your Dart code:\n```dart\nimport 'package:ios_search_appbar/cupertino_search_appbar.dart';\n```\nUse `CupertinoSearchAppBar` by passing your content to the `slivers` parameter:\n```dart\nCupertinoSearchAppBar(\n  slivers: [\n    // Your slivers go here\n  ],\n)\n```\nExample:\n```dart\nclass Example extends StatelessWidget {\n  const Example({Key? key}) : super(key: key);\n\n  @override\n  Widget build(BuildContext context) {\n    return CupertinoSearchAppBar(\n      //to customize search bar, use:\n      searchFieldProperties: SearchFieldProperties(),\n      //to customize app bar, use:\n      appBarProperties: AppBarProperties(),\n      //if you want to add refresh then add like this\n      refreshSliver: CupertinoSliverRefreshControl(\n        onRefresh: () async {\n        },\n        builder: (context, refreshState, pulledExtent,\n            refreshTriggerPullDistance, refreshIndicatorExtent) {\n          // return Container(color: Colors.red, width: 500, height: 200,);\n          return buildRefreshIndicator(\n              context,\n              refreshState,\n              pulledExtent,\n              refreshTriggerPullDistance,\n              refreshIndicatorExtent,\n              true);\n        },\n        refreshIndicatorExtent: 40,\n      ),\n      slivers: [\n        //under the hood this package places other necessary sliver before yours' to correctly animate searchBar\n        //but for such cases as CupertinoSliverRefreshControl, it is safe to insert them at the beginning and to do that\n        //wrap your sliver with Prior widget\n        SliverList(\n          delegate: SliverChildBuilderDelegate(\n            (context, index) {\n              return CupertinoListTile(title: Text(\"Title with index of $index\"));\n            },\n            childCount: 15,\n          ),\n        ),\n      ],\n    );\n  }\n}\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdurbek03%2Fios_search_appbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdurbek03%2Fios_search_appbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdurbek03%2Fios_search_appbar/lists"}