{"id":13548864,"url":"https://github.com/monster555/flutter_elastic_list_view","last_synced_at":"2025-10-23T06:41:46.544Z","repository":{"id":217018353,"uuid":"742924230","full_name":"monster555/flutter_elastic_list_view","owner":"monster555","description":"A Flutter package providing elastic scrolling effect in ListView.builder with enhanced functionality and customization.","archived":false,"fork":false,"pushed_at":"2024-01-26T23:23:23.000Z","size":113,"stargazers_count":63,"open_issues_count":1,"forks_count":10,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-03T17:40:35.929Z","etag":null,"topics":["flutter","flutter-animations","flutter-ui","ui"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flutter_elastic_list_view","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/monster555.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":"2024-01-13T19:17:36.000Z","updated_at":"2024-10-12T19:06:30.000Z","dependencies_parsed_at":"2024-01-14T06:04:28.956Z","dependency_job_id":"19e79718-2044-432f-acea-8a95d522fee8","html_url":"https://github.com/monster555/flutter_elastic_list_view","commit_stats":null,"previous_names":["monster555/flutter_elastic_list_view"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster555%2Fflutter_elastic_list_view","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster555%2Fflutter_elastic_list_view/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster555%2Fflutter_elastic_list_view/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monster555%2Fflutter_elastic_list_view/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/monster555","download_url":"https://codeload.github.com/monster555/flutter_elastic_list_view/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246895958,"owners_count":20851364,"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":["flutter","flutter-animations","flutter-ui","ui"],"created_at":"2024-08-01T12:01:15.372Z","updated_at":"2025-10-23T06:41:46.443Z","avatar_url":"https://github.com/monster555.png","language":"Dart","funding_links":[],"categories":["Dart"],"sub_categories":[],"readme":"# ElasticListView\n\n## Description\n\n`ElasticListView` is a drop-in replacement for Flutter’s `ListView`, enhancing the user experience by dynamically calculating each item’s padding based on the scroll speed, creating an elastic effect. It supports the `builder` and `separated` constructors as well as the standard `ListView` constructor. To migrate to `ElasticListView`, simply add the Elastic prefix to any existing `ListView` widget.\n\n![ElasticListView Demo](https://github.com/monster555/flutter_elastic_list_view/assets/32662133/c6a0e533-2641-4f7a-b313-ab427aba3f5e)\n\n## Features\n\n- **Features Elastic Effect**: `ElasticListView` provides an elastic effect to each item by dynamically calculating the padding based on the scroll speed, which is different from the traditional overscroll effect. This makes the list appear as if it’s made of rubber.\n- **Drag to Scroll**: Adds the drag to scroll behavior by default, providing a smooth scrolling experience. This can be disabled by setting the `enableDragScrolling` property to false.\n- **Optimized Performance**: Leverages the performance optimizations of the standard `ListView`, ensuring excellent performance.\n\n## Extended Functionality with Full Compatibility\n\n`ElasticListView` maintains the exact same properties as the standard `ListView`, ensuring full compatibility and making it a seamless replacement. In addition, it introduces new properties to control the elastic effect, offering enhanced functionality and customization options beyond the standard `ListView`.\n\n## New Properties\n\nHere are the new properties introduced by `ElasticListView`:\n\n- `curve`: The curve to apply when animating the elastic effect. Defaults to `Curves.easeOut`.\n- `animationDuration`: The duration of the elastic effect. Defaults to `Duration(milliseconds: 200)`.\n- `enableDragScrolling`: Whether to enable drag scrolling. Defaults to `true`.\n- `elasticityFactor`: The factor by which the scroll view’s padding changes dynamically based on the scroll speed. Defaults to `4`.\n\nEach of these properties allows you to customize the behavior of the elastic effect in `ElasticListView`.\n\n## Usage\n\nTo use `ElasticListView`, simply replace your existing `ListView` with `ElasticListView`. All the properties are the same, ensuring full compatibility.\n\nFor `ListView`:\n\n```dart\nElasticListView(\n  children: \u003cWidget\u003e[\n    ListTile(\n      leading: Icon(Icons.map),\n      title: Text('Map'),\n    ),\n    ListTile(\n      leading: Icon(Icons.photo_album),\n      title: Text('Album'),\n    ),\n    ListTile(\n      leading: Icon(Icons.phone),\n      title: Text('Phone'),\n    ),\n  ],\n)\n```\n\nFor `ListView.builder`:\n\n```dart\nElasticListView.builder(\n  itemCount: 10,\n  itemBuilder: (context, index) {\n    return ListTile(\n      title: Text('Item $index'),\n    );\n  },\n)\n```\n\nAnd for `ListView.separated`:\n\n```dart\nElasticListView.separated(\n  itemCount: 10,\n  separatorBuilder: (BuildContext context, int index) =\u003e Divider(),\n  itemBuilder: (BuildContext context, int index) {\n    return ListTile(\n      title: Text('Item $index'),\n    );\n  },\n)\n```\n## Contribution\nContributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to create a pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonster555%2Fflutter_elastic_list_view","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmonster555%2Fflutter_elastic_list_view","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonster555%2Fflutter_elastic_list_view/lists"}