scroll_shadow_container 1.0.1

Flutter Android iOS web

Neat little shadows on top and bottom of a scrollable container

scroll_shadow_container #

pub package

A widget that wraps scrollable container and draws neat little shadows until top or bottom of container is not reached.

shadows

Usage #

To use this package, add scroll_shadow_container as a dependency in your pubspec.yaml file.

dependencies:
  scroll_shadow_container:

And import the package in your code.

import 'package:scroll_shadow_container/scroll_shadow_container.dart';

Example #

You can specify shadow elevation via elevation property which does not very accurately mocks Material's elevation.

ScrollShadowContainer(
  elevation: MaterialElevation.the2dp,
  child: ListView(
    children: List.generate(10, (i) {
      return ListTile(
        leading: CircleAvatar(child: Text((i + 1).toString())),
        title: Text('List item title'),
        subtitle: Text('List item subtitle'),
      );
    }),
  ),
)

Or you can use ScrollShadowContainer.custom constructor to supply your own BoxShadow:

ScrollShadowContainer.custom(
  boxShadow: BoxShadow(blurRadius: 5, spreadRadius: 5),
  child: /* ... */
)

You can also obtain BoxDecorations used by this package using following code.

Container(
  decoration: MaterialShadow.asBoxDecoration(elevation: MaterialElevation.the4dp),
)

I only tried to replicate Material's shadows so they're not actually identical but close. Only 1 to 8 elevation values available.

0
likes
100
pub points
57%
popularity

Neat little shadows on top and bottom of a scrollable container

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

chelman.soft@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on scroll_shadow_container