A companion widget to PageView in Flutter that provides iOS style page indicators and also provide scroll on tap.

PageViewIndicator.dart

//
// Code is poetry
//
// Created by Nick aka black-dragon74
//
import 'dart:math';

import 'package:flutter/material.dart';

class PageViewIndicator extends AnimatedWidget {
  final PageController pageController;
  final Color indicatorColor;
  final int itemCount;
  final ValueChanged<int> onPageChanged;

  PageViewIndicator({
    @required this.pageController,
    @required this.itemCount,
    @required this.onPageChanged,
    this.indicatorColor: Colors.white,
  })  : assert(indicatorColor != null),
        super(listenable: pageController);

  final double _dotSpacing = 25.0;
  final double _maxZoom = 2.0;
  final double _dotSize = 8.0;

  Widget _generateDot(int index) {
    double selectedness = Curves.easeInOut.transform(max(
        0.0,
        1.0 -
            ((pageController.page ?? pageController.initialPage) - index)
                .abs()));
    double zoom = 1.0 + (_maxZoom - 1.0) * selectedness;

    return Container(
      width: _dotSpacing,
      height: _dotSize * _maxZoom,
      child: Center(
        child: Material(
          type: MaterialType.circle,
          color: indicatorColor,
          child: Container(
            height: _dotSize * zoom,
            width: _dotSize * zoom,
            child: InkWell(
              onTap: () => onPageChanged(index),
            ),
          ),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: List<Widget>.generate(itemCount, _generateDot),
    );
  }
}