Search packages, repositories and app categories

scroll_indicator cover
Package detailsv0.0.3

scroll_indicator

Scroll indicator with listening controller of listview or gridview.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
839
Likes
32
Pub points
140

Install package

flutter pub add scroll_indicator

Package Overview

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

A Flutter package that provides a scroll indicator for ListView or GridView widgets, dynamically updating based on the scroll position via a listening controller. It enhances user experience by visually indicating scroll progress, especially useful in long lists or grids. The indicator is customizable and works across all major platforms including Android, iOS, Web, macOS, Windows, and Linux. Designed to be lightweight and easy to integrate with existing scrollable components.

Use cases

  • Visual scroll progress feedback
  • Enhancing UX in long lists
  • Customizable scroll indicators
  • Cross-platform scroll tracking
  • Integration with ListView and GridView
  • Real-time scroll position monitoring

Key features

  • Listens to scroll controller
  • Dynamic progress indication
  • Cross-platform support
  • Lightweight and minimal dependencies
  • Customizable appearance
  • Works with both ListView and GridView

Suitable for

  • Developers building scrollable UIs
  • Apps requiring visual scroll feedback
  • Projects targeting multiple platforms
  • UI designers focused on user experience
  • Flutter beginners learning scrollables
  • Apps with extensive content lists

Considerations

  • Requires a ScrollController to function
  • May need styling adjustments for custom designs
  • Limited to scrollable widgets like ListView and GridView
  • Not suitable for non-scrollable layouts
  • Performance impact negligible but depends on complexity
  • Best used with smooth scrolling animations

Original README

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

Scroll_Indicator

Scroll indicator inspired by the Shopee application.

Usage

ScrollIndicator(
	scrollController: scrollController,
	width: 50,
	height: 5,
	indicatorWidth: 20,
	decoration: BoxDecoration(
	borderRadius: BorderRadius.circular(10),
	color: Colors.grey[300]),
	indicatorDecoration: BoxDecoration(
	color: Colors.deepOrange,
	borderRadius: BorderRadius.circular(10)),
),

Demo

scroll indicator

Support me on Saweria

https://saweria.co/saddamnur

saweria

Categories

Source repository

Projects using this package

No data available yet.