Customizable ScrollBar for quickly navigation.

Last update: Jul 27, 2022

material_scrollbar

This package provides customizable scrollbar for your widget and easy to implement with the few lines of code.

material_scrollbar version material_scrollbar Git Stars MIT License

Material Scrollbar.

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.

GitHub

https://github.com/hamiranisahil/material_scrollbar
You might also like...

Quickly is build as a tool to enhance your Flutter UI development experience and make code easier

Quickly is build as a tool to enhance your Flutter UI development experience and make code easier. It is highly inspired by Bootstrap and Tailwind CSS. It also provide lots of extension methods on String, List and Map.

Aug 5, 2022

Localize your flutter application quickly and easily.

EzLocalization This package allows you to setup a powerful localization system with ease and in only a few minutes. Features Here are some features: E

Dec 18, 2021

Show beautiful bottom sheet as confirmation dialog quickly and easily.

Show beautiful bottom sheet as confirmation dialog quickly and easily.

sweetsheet Show beautiful bottom sheet as confirmation dialog quickly and easily. nice warning success danger and since version 0.2.0 , it is fully cu

Mar 12, 2022

Create highly customizable, simple, and controllable autocomplete fields for Flutter.

Create highly customizable, simple, and controllable autocomplete fields for Flutter.

Field Suggestion Installing Depend on it Add this to your package's pubspec.yaml file: dependencies: field_suggestion: latest_version Install it Y

Jun 17, 2022

A Customizable Progressive Time Picker for Flutter.

A Customizable Progressive Time Picker for Flutter.

progressive_time_picker A Customizable Progressive Time Picker for Flutter. This plugin allow us to customize time picker based on our requirements fo

Aug 10, 2022

A customizable Flutter library that provides a circular context menu

A customizable Flutter library that provides a circular context menu

Flutter Pie Menu 🥧 A customizable Flutter library that provides a circular context menu similar to Pinterest's. Usage Wrap the widget that will react

May 31, 2022

The Flutter plugin that help you can choose dates and years with rounded calendars and customizable themes.

The Flutter plugin that help you can choose dates and years with rounded calendars and customizable themes.

Flutter Rounded Date Picker The Flutter plugin that help you can choose dates and years with rounded calendars and customizable themes. Installing Add

Aug 7, 2022

Powerful, helpfull, extensible and highly customizable API's that wrap http client to make communication easier with Axelor server with boilerplate code free.

Powerful, helpfull, extensible and highly customizable API's that wrap http client to make communication easier with Axelor server with boilerplate code free.

flutter_axelor_sdk Powerful, helpful, extensible and highly customizable API's that wrap http client to make communication easier with Axelor server w

Nov 12, 2021

awesome customizable Switches for Flutter.

awesome customizable Switches for Flutter.

switches_kit awesome customizable Switches for Flutter in the repo you will find the awesome switches/toggles widgets implemented in flutter Thank You

Mar 30, 2022

Related

Playful and customizable bottom navigation bar for Flutter
Playful and customizable bottom navigation bar for Flutter

rolling_nav_bar A bottom nav bar with layout inspired by this design and with heavily customizable animations, colors, and shapes. Getting Started To

May 1, 2022
Flutter Navigation - all types of navigation in flutter run main.tabBar.dart to see tabBar, and run main.dart to see the otheres

pop_up_bar A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Jan 1, 2022
FLUTTER API: It's powerful navigation by gestures and taps. You can scroll from left to right or tap on the navigation icons.
FLUTTER API: It's powerful navigation by gestures and taps. You can scroll from left to right or tap on the navigation icons.

scroll_navigation My other APIs Video Viewer Video Editor Helpers Features Fancy animations. Customizable colors. Works with the back button. Scrollin

Jun 14, 2022
Quickly configure three theme styles

flytheme 快速实现三种主题效果。 本插件是从矿小助App中拆分出来的,优化了很多细节,更加简单易用。 内置持久化存储(使用share_preference实现) 矿小助App:https://kxz.atcumt.com/ pub插件地址:https://pub.dev/packages/f

Aug 2, 2022
A super powerful widget to help developers build complex views quickly and comfortably.
A super powerful widget to help developers build complex views quickly and comfortably.

FSuper FSuper can help developers build complex views quickly and comfortably. It supports rich text, rounded corners, borders, pictures, small red do

Aug 1, 2022
A super powerful widget to help developers build complex views quickly and comfortably.
A super powerful widget to help developers build complex views quickly and comfortably.

FSuper FSuper can help developers build complex views quickly and comfortably. It supports rich text, rounded corners, borders, pictures, small red do

Aug 1, 2022
Flutter plugin for building pull to refresh effects with PullToRefreshNotification and PullToRefreshContainer quickly.

pull_to_refresh_notification Language: English | 中文简体 widget to build pull to refresh effects. Web demo for PullToRefreshNotification Chinese blog pul

Aug 12, 2022
A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.
A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

Jan 8, 2022
Flutter qidgets - Build widgets hierarchies quickly with qidgets

Build widgets hierarchies quickly with qidgets. Quick widgets → qidgets. Feature

Mar 31, 2022
Feb 10, 2022