Search packages, repositories and app categories

Package detailsv4.1.1

fading_edge_scrollview

Package providing FadingEdgeScrollView which allows you to build scrollable views with fading edges

AndroidiOSWebmacOSWindowsLinux
30-day downloads
176K
Likes
129
Pub points
160

Install package

flutter pub add fading_edge_scrollview

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

FadingEdgeScrollView is a Flutter package that enhances scrollable widgets by adding smooth fading edges at the top and bottom of the scroll view. It provides a visually appealing effect as content scrolls, making it easier to perceive scroll direction and boundaries. Ideal for lists, grids, or any scrollable content where subtle visual cues improve user experience. The package supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux.

Use cases

  • Enhancing list readability with visual scroll cues
  • Creating elegant scroll effects in apps
  • Improving UX in long scrollable content
  • Adding polished visuals to custom scroll views
  • Using in dashboards with vertical scrolling

Key features

  • Smooth fading edge effects
  • Cross-platform compatibility
  • Easy integration with existing scrollables
  • Customizable fade intensity
  • Supports both vertical and horizontal scrolling

Suitable for

  • Design-focused Flutter developers
  • Apps requiring refined scroll interactions
  • UI/UX designers seeking visual polish
  • Developers building content-heavy interfaces
  • Projects aiming for native-like scroll aesthetics

Considerations

  • May require performance tuning on low-end devices
  • Limited customization beyond fade appearance
  • Not suitable for highly dynamic scroll content
  • Best used with consistent background colors
  • Requires careful styling to avoid visual clutter

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

fading_edge_scrollview

Package providing FadingEdgeScrollView which allows you to build scrollable views with fading edges

Usage

Create FadingEdgeScrollView by calling one of constructors depending on your scroll view class. Unfortunately scrollable view don't share same interface so there are separate constructors for:

  • ScrollView (most scrollable views inherit from this class) FadingEdgeScrollView.fromScrollView
  • SingleChildScrollView FadingEdgeScrollView.fromSingleChildScrollView
  • PageView FadingEdgeScrollView.fromPageView
  • AnimatedList FadingEdgeScrollView.fromAnimatedList
  • ListWheelScrollView FadingEdgeScrollView.fromListWheelScrollView

View passed as child MUST have controller set.

See documentation and example folder for more information

Breaking change in version 4.0.0

Field shouldDisposeScrollController was removed. I was not realizing how widgets should work when I added it. If you were using it - move scrollController creation and disposal to some StatefulWidget.

Demo

Click to see on Youtube:
ListView with images demo ListView demo PageView demo SingleChildScrollView demo

Categories

Source repository

Projects using this package