滚动阴影

Pub Package likes popularity pub points

Package Issue Package License

ScrollShadow 是一个 Flutter 小部件,可为可滚动子项添加阴影。

支持 ScrollController 以及垂直或水平方向。

example

ScrollShadow

特点

  • 在可滚动子项未达到其最大范围时在其上方添加阴影
  • 支持垂直和水平 Axis
  • 可自定义动画持续时间
  • 确定阴影的渲染宽度或高度

用法

请务必在 GitHub 上查看示例。

安装

将以下行添加到pubspec.yaml

dependencies:
  flutter_scroll_shadow: <last-release>

基本设置

完整的示例 _在此处可用_._

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

属性

  • scrollDirection:与子项对应的滚动方向;默认为 Axis.vertical
  • controller:对于垂直滚动内容是可选的,但如果子项是 Axis.horizontal 则必需
  • color:用于阴影;默认为 Colors.grey
  • size:阴影的宽度或高度,取决于 Axis;默认为 15.0
  • child:由 ScrollShadow 包含的可滚动子项
  • duration:动画阴影可见性变化的毫秒数,作为 int;默认为 300

示例

垂直滚动的子项 水平滚动的子项

https://pub.dev/packages/flutter_scroll_shadow