page_view_dot_indicator 2.0.0

A simple and animated page view indicator in the form of dots, which you can customise color, size, space and duration.

Page view dot indicator

This lib draws a simple dot indicator for page views with a simple API. Right now it is able to draw dots with custom size, colors, spacing and duration. Besides that it also handles overflow by fading the edges if there are more dots than the width of the page allows.

Getting Started

Add page_view_dot_indicator to your pubspec.yaml:

Flutter 3

dependencies:
  page_view_dot_indicator: ^2.0.0

Flutter 2

dependencies:
  page_view_dot_indicator: ^1.1.0

import package:page_view_dot_indicator/page_view_dot_indicator.dart

Most basic dot indicator

PageViewDotIndicator(
  currentItem: selectedPage,
  count: pageCount,
  unselectedColor: Colors.black26,
  selectedColor: Colors.blue,
)

But you can also customise other parameters, such as:

PageViewDotIndicator(
  currentItem: selectedPage,
  count: pageCount,
  unselectedColor: Colors.black26,
  selectedColor: Colors.blue,
  size: const Size(12, 12),
  unselectedSize: const Size(8, 8),
  duration: const Duration(milliseconds: 200),
  margin: const EdgeInsets.symmetric(horizontal: 8),
  padding: EdgeInsets.zero,
  alignment: Alignment.centerLeft,
  fadeEdges: false,
)