flutter_scroll_shadow

Scroll Shadow

Pub Package 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

  • scrollDirection: Scroll direction corresponding to child; default: Axis.vertical
  • controller: Optional for vertically scrolling content, but required if the child is Axis.horizontal
  • 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

 

Example

ImageImage
Vertically-scrolling childHorizontally-scrolling child

Libraries

flutter_scroll_shadow
Adds ScrollShadow widget to add shadows to a scrollable child. Supports ScrollController and vertical or horizontal orientation.