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 [email protected] And do let us know if you have any questions or suggestion regarding our work.