rickypid/flutter_scroll_shadow

flutter_scroll_shadow

Scroll Shadow

https://img.shields.io/static/v1?label=flutter&message=flutter_scroll_shadow&color=red??style=for-the-badge&logo=GitHub Pub Package Pub Points Pub Likes

Package Issue Package License

ScrollShadow is a widget for Flutter that adds shadows to a scrollable child.

Supports ScrollController and vertical or horizontal orientation.

Image
ScrollShadow

Features

• Adds shadows over a scrollable child while not at its max extents
• Supports vertical and horizontal Axis
• Customizable animation duration
• Determine how wide or tall shadows render

 

Usage

Make sure to check out the examples on GitHub.

Installation

Add the following line to pubspec.yaml:

dependencies:
  flutter_scroll_shadow: <last-release>

Basic setup

Complete example available here.

ScrollShadow(
  color: Colors.grey,
  child: ListView(
    children: List.generate(20, (index) => ListTile(title: Text('Element $index'),)),
  ),
);

Properties

• color: for the shadows; default: Colors.grey
• size: The width or height of shadows, depending on Axis; default: 15.0
• child: Scrollable child contained by the ScrollShadow
• duration: Milliseconds, as an int, for animation of shadow visibility changes; default: 300
• fadeInCurve: The animation [Curve] to use for shadow appearance; default: Curves.easeIn
• fadeOutCurve: The animation [Curve] to use for shadow disappearance; default: Curves.easeOut
• ignoreInteraction: Determines if shadow is wrapped inside a [IgnorePointer] widget, so that all touch events with the shadow will be ignored; default: true

 

Example

Image	Image
Vertically-scrolling child	Horizontally-scrolling child

📚 My open source projects

Flutter

Package	Verison	Score	Likes	Test	Coverage
https://img.shields.io/static/v1?label=flutter&message=flutter_expandable_table&color=red??style=for-the-badge&logo=GitHub	Pub Package	Pub Points	Pub Likes
https://img.shields.io/static/v1?label=flutter&message=widget_tree_depth_counter&color=red??style=for-the-badge&logo=GitHub	Pub Package	Pub Points	Pub Likes
https://img.shields.io/static/v1?label=flutter&message=flutter_scroll_shadow&color=red??style=for-the-badge&logo=GitHub	Pub Package	Pub Points	Pub Likes
https://img.shields.io/static/v1?label=flutter&message=flutter_bargraph&color=red??style=for-the-badge&logo=GitHub	Pub Package	Pub Points	Pub Likes

Dart

Package	Verison	Score	Likes	Test	Coverage
https://img.shields.io/static/v1?label=dart&message=cowsay&color=red??style=for-the-badge&logo=GitHub	Pub Package	Pub Points	Pub Likes	Test CI	codecov
https://img.shields.io/static/v1?label=dart&message=telegram_link&color=red??style=for-the-badge&logo=GitHub	Pub Package	Pub Points	Pub Likes	Test CI	codecov