https://github.com/hamiranisahil/material_scrollbar
Customizable ScrollBar for quickly navigation.
https://github.com/hamiranisahil/material_scrollbar
android dart flutter flutter-package flutter-plugin flutter-widget ios linux macos scrollbar scrollbar-plugin scrollbar-style scroller scrollview scrollview-flutter web windows
Last synced: about 1 month ago
JSON representation
Customizable ScrollBar for quickly navigation.
- Host: GitHub
- URL: https://github.com/hamiranisahil/material_scrollbar
- Owner: hamiranisahil
- License: mit
- Created: 2022-07-08T06:18:27.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-14T09:03:51.000Z (over 2 years ago)
- Last Synced: 2025-03-21T19:23:30.294Z (about 1 year ago)
- Topics: android, dart, flutter, flutter-package, flutter-plugin, flutter-widget, ios, linux, macos, scrollbar, scrollbar-plugin, scrollbar-style, scroller, scrollview, scrollview-flutter, web, windows
- Language: Dart
- Homepage:
- Size: 4.03 MB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# material_scrollbar
This package provides customizable scrollbar for your widget and easy to implement with the few lines of code.
### Material Scrollbar.
## Usage
### Example
MaterialScrollBar(
thumbColor: const Color(0xffe240fb),
trackColor: const Color(0xfff0c0f8),
thumbVisibility: true,
thickness: 10,
radius: const Radius.circular(10),
child: ListView.builder(
itemBuilder: (context, index) {
return Material(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ListTile(
title: Text(items[index]),
),
const Divider(
height: 1,
)
],
),
);
},
itemCount: items.length,
),
);
### Required parameters
##### thumbColor:
thumbColor is the moving part of the scrollbar, which usually floats on top of the track.
##### trackColor:
trackColor is the empty space “below” the progress bar.
### Optional parameters
##### thickness:
The thickness of the scrollbar in the cross axis of the scrollable.
##### thumbVisibility:
Indicates that the scrollbar thumb should be visible, even when a scroll is not underway.
##### radius:
The Radius of the scrollbar thumb's rounded rectangle corners.
##### thumbSize:
The size of the scrollbar thumb.
## Guideline for contributors
Contribution towards our repository is always welcome, we request contributors to create a pull request to the develop branch only.
## Guideline to report an issue/feature request
It would be great for us if the reporter can share the below things to understand the root cause of the issue.
- Library version
- Code snippet
- Logs if applicable
- Device specification like (Manufacturer, OS version, etc)
- Screenshot/video with steps to reproduce the issue
# LICENSE!
Material Scrollbar is [MIT-licensed](https://github.com/hamiranisahil/material_scrollbar/blob/main/LICENSE "MIT-licensed").
# Let us know!
We’d be really happy if you send us links to your projects where you use our component. Just send an email to hamirani.sahil@gmail.com And do let us know if you have any questions or suggestion regarding our work.