{"id":17684603,"url":"https://github.com/mattrltrent/scrollable","last_synced_at":"2026-05-06T20:35:08.713Z","repository":{"id":62782161,"uuid":"562433959","full_name":"mattrltrent/scrollable","owner":"mattrltrent","description":"A powerful set of scrollable widgets including haptics, keyboard dismissing, and more. Pub package.","archived":false,"fork":false,"pushed_at":"2023-12-02T03:39:52.000Z","size":16185,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-05-05T05:07:46.403Z","etag":null,"topics":["dart","flutter","haptics","package","package-manager","pub","scrollable"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/scrollable","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/mattrltrent.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}},"created_at":"2022-11-06T10:56:31.000Z","updated_at":"2024-01-04T03:56:10.000Z","dependencies_parsed_at":"2024-10-24T13:00:14.634Z","dependency_job_id":"4577116d-0895-49f3-8b08-5b34a1ea2e09","html_url":"https://github.com/mattrltrent/scrollable","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mattrltrent/scrollable","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattrltrent%2Fscrollable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattrltrent%2Fscrollable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattrltrent%2Fscrollable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattrltrent%2Fscrollable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mattrltrent","download_url":"https://codeload.github.com/mattrltrent/scrollable/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattrltrent%2Fscrollable/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32711400,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-06T19:35:05.142Z","status":"ssl_error","status_checked_at":"2026-05-06T19:35:03.996Z","response_time":117,"last_error":"SSL_read: 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":["dart","flutter","haptics","package","package-manager","pub","scrollable"],"created_at":"2024-10-24T10:24:08.965Z","updated_at":"2026-05-06T20:35:08.681Z","avatar_url":"https://github.com/mattrltrent.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔥 A powerful set of scrollable widgets: haptics, keyboard dismissing, and more 🔥\n\n- Submit an issue [here](https://github.com/mattrltrent/scrollable/issues).\n- Create a pull request [here](https://github.com/mattrltrent/scrollable/pulls).\n- Contact me via email [here](mailto:me@matthewtrent.me).\n\n## 3 Widgets in this package 📚\n\n#### 💥 `ScrollHaptics`\n\n- Applies haptic feedback when its `child` is scrolled (during scroll \u0026 reaching edge of scroll view).\n\n#### 💥 `KeyboardDismiss`\n\n- Dismisses the soft-keyboard when its `child` is scrolled, tapped, or swiped.\n\n#### 💥 `ScrollableView`\n\n- The above 2 widgets combined into 1 widget for ease-of-use.\n\n## Example Gif 📸\n\n_It's hard to display haptics in a gif, but they're there._\n\n\u003cimg src=\"https://github.com/mattrltrent/scrollable/blob/main/resources/example.gif?raw=true\" style=\"display: inline\"/\u003e\n\n## Installing 🧑‍🏫\n\n- Install the package from the pub.\n  - `flutter pub add scrollable`\n- Import the package.\n  - `import 'package:scrollable/exports.dart';`\n\n## Quick Start 💨\n\nSimply wrap whatever you want inside the `ScrollHaptics`, `KeyboardDismiss`, or `ScrollableView` widgets, then edit whatever of their properties you want!\n\n## Short Examples of the 3 Widgets 📜\n\n_For a full example with context, view the examples tab. It shows just the `ScrollableView`, but it's the same layout for all 3 widgets._\n\n\u003cdetails\u003e\n\u003csummary\u003eScroll Haptics\u003c/summary\u003e\n\n## **`ScrollHaptics`**\n\n```dart\nScrollHaptics(\n        // \u003cAssorted Properties Here\u003e\n        child: SingleChildScrollView(\n          child: Column(\n            children: [\n              Container(height: 100, width: 100, color: Colors.redAccent),\n              Container(height: 100, width: 100, color: Colors.blue),\n              Container(height: 100, width: 100, color: Colors.purple),\n            ],\n          ),\n        ),\n      );\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eKeyboard Dismiss\u003c/summary\u003e\n\n## **`KeyboardDismiss`**\n\n```dart\nKeyboardDismiss(\n          // \u003cAssorted Properties Here\u003e\n        child: SingleChildScrollView(\n          child: Column(\n            children: [\n              Container(height: 100, width: 100, color: Colors.redAccent),\n              Container(height: 100, width: 100, color: Colors.blue),\n              Container(height: 100, width: 100, color: Colors.purple),\n            ],\n          ),\n        ),\n      );\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eScrollable View\u003c/summary\u003e\n\n## **`ScrollableView`**\n\n```dart\nScrollableView(\n          // \u003cAssorted Properties Here\u003e\n        controller: ScrollController(),\n        child: SingleChildScrollView(\n          child: Column(\n            children: [\n              Container(height: 100, width: 100, color: Colors.redAccent),\n              Container(height: 100, width: 100, color: Colors.blue),\n              Container(height: 100, width: 100, color: Colors.purple),\n            ],\n          ),\n        ),\n      );\n```\n\n\u003c/details\u003e\n\n## Properties of the 3 Widgets 📜\n\n\u003cdetails\u003e\n\u003csummary\u003eScroll Haptics\u003c/summary\u003e\n\n## **`ScrollHaptics`**\n\n**Highly reccomended to use `ClampingScrollPhysics` for the physics of whatever scrollable you're wrapping, as it works best with haptics.**\n\n- `child` (required): This widget's child.\n- `bubbleUpScrollNotifications`: Whether the widget should bubble up scroll notifications, or block them.\n- `heavyHapticsAtEdgeEnabled`: When a scroll reaches the edge, if there should be a haptic effect emitted.\n- `hapticEffectAtEdge`: Which kind of haptic effect should be emitted when the scroll edge is reached?\n- `hapticEffectDuringScroll`: Which kind of haptic effect should be emitted during the scroll.\n- `distancebetweenHapticEffectsDuringScroll`: The distance, in pixels, that should be scrolled before emitting a new haptic scroll effect.\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eKeyboard Dismiss\u003c/summary\u003e\n\n## **`KeyboardDismiss`**\n\n- `child` (required): This widget's child.\n- `bubbleUpScrollNotifications`: Whether the widget should bubble up scroll notifications, or block them.\n- `closeKeyboardOnTap`: If the keyboard should also be closed just on the widget being tapped.\n- `closeKeyboardOnVerticalSwipe`: If the keyboard should be closed when a vertical swipe occurs.\n- `onKeyboardDismissed`: Callback triggered when a dismiss occurs.\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eScrollable View\u003c/summary\u003e\n\n## **`ScrollableView`**\n\n- `child` (required): This widget's child.\n- `controller` (required): A `ScrollController` to manage the scrolling of the widget.\n- `bubbleUpScrollNotifications`: Whether the widget should bubble up scroll notifications, or block them.\n- `closeKeyboardOnScroll`: Whether the keyboard should be automatically closed on the widget being scrolled.\n- `closeKeyboardOnTap`: If the keyboard should also be closed just on the widget being tapped.\n- `physics`: Physics of the scroll view. **Highly reccomended to use `ClampingScrollPhysics` as it works best with haptics.**\n- `scrollDirection`: Direction of the scroll.\n- `inlineBottomOrRightPadding`: Inline padding of the scroll view. This is a clean substitute to having to add `SizedBox` widgets inside your scroll view. For the bottom (if vertical) or right (if horizontal) of the scroll view.\n- `inlineTopOrLeftPadding`: Inline padding of the scroll view. This is a clean substitute to having to add `SizedBox` widgets inside your scroll view. For the top (if vertical) or left (if horizontal) of the scroll view.\n- `padding`: Outer padding of the widget.\n- `hapticsEnabled`: If haptics should be enabled.\n- `distancebetweenHapticEffectsDuringScroll`: The distance, in pixels, that should be scrolled before emitting a new haptic scroll effect.\n- `heavyHapticsAtEdgeEnabled`: If the haptics when the edge of the scroll is reached should be enabled or not.\n- `hapticEffectAtEdge`: Which kind of haptic effect should be emitted when the scroll edge is reached?\n- `hapticEffectDuringScroll`: Which kind of haptic effect should be emitted during the scroll.\n- `primary`: Whether this is the primary scroll view associated with the parent `PrimaryScrollController`.\n- `dragStartBehavior`: Determines the way that drag start behavior is handled.\n- `restorationId`: Restoration ID to save and restore the scroll offset of the scrollable.\n- `reverse`: Whether the scroll view scrolls in the reading direction.\n- `closeKeyboardOnVerticalSwipe`: If the keyboard should be closed when a vertical swipe occurs.\n\u003c/details\u003e\n\n## Additional Info 📣\n\n- The package is always open to [improvements](https://github.com/mattrltrent/scrollable/issues), [suggestions](mailto:me@matthewtrent.me), and [additions](https://github.com/mattrltrent/scrollable/pulls)!\n\n- I'll look through PRs and issues as soon as I can!\n\n- [Learn about me](https://matthewtrent.me).\n\n![analytics](https://hidden-coast-90561-45544df95b1b.herokuapp.com/api/v1/analytics/?kind=package-scrollable)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmattrltrent%2Fscrollable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmattrltrent%2Fscrollable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmattrltrent%2Fscrollable/lists"}