{"id":30476389,"url":"https://github.com/haptome/flutter_range_slide","last_synced_at":"2025-08-24T10:23:58.792Z","repository":{"id":56837775,"uuid":"467029650","full_name":"haptome/flutter_range_slide","owner":"haptome","description":"A Range Slider that you can customize with the options you need, without any limits. You can also customize the appearance of the Range Slider with simple smooth animations, providing a nice and clean UI/UX.","archived":false,"fork":false,"pushed_at":"2022-03-07T13:02:20.000Z","size":135,"stargazers_count":2,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-03-05T10:55:40.500Z","etag":null,"topics":["flutter","flutterpackage","rangeslider"],"latest_commit_sha":null,"homepage":"https://github.com/haptome/flutter_range_slide","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/haptome.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}},"created_at":"2022-03-07T09:37:56.000Z","updated_at":"2023-12-05T00:42:03.000Z","dependencies_parsed_at":"2022-09-12T11:20:19.791Z","dependency_job_id":null,"html_url":"https://github.com/haptome/flutter_range_slide","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/haptome/flutter_range_slide","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haptome%2Fflutter_range_slide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haptome%2Fflutter_range_slide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haptome%2Fflutter_range_slide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haptome%2Fflutter_range_slide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/haptome","download_url":"https://codeload.github.com/haptome/flutter_range_slide/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haptome%2Fflutter_range_slide/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271844780,"owners_count":24832823,"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-08-24T02:00:11.135Z","response_time":111,"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":["flutter","flutterpackage","rangeslider"],"created_at":"2025-08-24T10:23:55.638Z","updated_at":"2025-08-24T10:23:58.785Z","avatar_url":"https://github.com/haptome.png","language":"Dart","readme":" \u003ch1 align=\"center\"\u003e Flutter Range Slider \u003c/h1\u003e\n\n \u003cp align=\"center\"\u003e\n\n\nA Range Slider  that you can customize with the options you need, without any limits. You can also customize the appearance of the Range Slider with  simple smooth animations, providing a nice and clean UI/UX.\n\n\n\n## Getting Started\n\nTo install, add it to your `pubspec.yaml` file:\n\n```\ndependencies:\n    flutter_range_slider:\n\n```\n\n```dart\nimport 'package:range_slider_flutter/range_slider_flutter.dart';\n```\n\n## How to use it\n\n call `flutter_range_slider`'s constructor:\n\n\n## basic implementation\n\n```dart\n RangeSliderFlutter(\n            // key: Key('3343'),\n            values: [_lowerValue, _upperValue],\n            rangeSlider: true,\n            tooltip: RangeSliderFlutterTooltip(\n              alwaysShowTooltip: true,\n            ),\n            max: 20000,\n            textPositionTop: -100,\n            handlerHeight: 30,\n            trackBar:RangeSliderFlutterTrackBar(\n              activeTrackBarHeight: 10,\n              inactiveTrackBarHeight: 10,\n              activeTrackBar: BoxDecoration(\n                borderRadius: BorderRadius.circular(10),\n                color: Colors.red,\n              ),\n              inactiveTrackBar: BoxDecoration(\n                borderRadius: BorderRadius.circular(10),\n                color: Colors.grey,\n              ),\n            ),\n\n            min: 0,\n            fontSize: 15,\n            textBackgroundColor:Colors.red,\n            onDragging: (handlerIndex, lowerValue, upperValue) {\n              _lowerValue = lowerValue;\n              _upperValue = upperValue;\n              setState(() {});\n            },\n          ),\n\n```\n\nThe constructor has an attributes related to the Widget:\n\n- `values`: A list of tabs to display, ie `Min Value`and  `Max value`\n- `rangeSlider`:bool to convert the slider to Range Slider if not it's just Slider.\n- `tooltip`:the range value is always true change it if you want it to hidden.\n- `max`:Max Range.\n- `textPositionTop`: The positions of the text box (use -ve integer).\n- `handlerHeight`:The size of range bull point.\n- `trackBar`:decoration for the Flutter Range Slider.\n- `min`: Min Range.\n- `fontSize`: label Font Size.\n- `onDragging`:Callback function on Slider value changed.\n- `textBackgroundColor:`Colors of the container which holds the text.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaptome%2Fflutter_range_slide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaptome%2Fflutter_range_slide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaptome%2Fflutter_range_slide/lists"}