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.
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.