flutter_page_view_indicator

Description:

flutter page view indicator

Flutter PageViewIndicator #

Builds indicators marks for PageView from any widget it's very customizable.
To get started you need to install our plugin and that's very easy
Installation #

add this to your packages pubspec.yaml file:

dependencies:
flutter_page_view_indicator: ^0.0.5
copied to clipboard

Install it
You can install it from the command line:

$ flutter pub get
copied to clipboard
if you use Android Studio or Intellij just click pub get.

Import it
Now in Dart code, you can use:

import 'package:flutter_page_view_indicator/flutter_page_view_indicator.dart';
copied to clipboard
Using #
You need to use just the following code:
PageViewIndicator(
length: screens.length,
currentIndex: currentIndex,
),
copied to clipboard

this a default indicators, when you want to customize the indicators
you can do it just passing a property which you want.
PageViewIndicator(
length: length,
currentIndex: currentIndex,
otherItemWidth: 20,
otherItemHeight: 8,
),
copied to clipboard

PageViewIndicator(
length: length,
currentIndex: currentIndex,
indicatorMargin: EdgeInsets.all(5),
borderRadius: BorderRadius.circular(5),
),
copied to clipboard

This an Example of a full property :
PageViewIndicator(
length: screens.length,
currentIndex: currentIndex,
currentColor: Colors.teal,
otherColor: Colors.grey.shade800,
currentSize: 15,
otherSize: 15,
margin: EdgeInsets.all(5),
borderRadius: 9999.0,
alignment: MainAxisAlignment.center,
animationDuration: Duration(milliseconds: 750),
direction: Axis.horizontal,
),
copied to clipboard
So how did you see you do not need to write too much code in the first case if you use the default indicators.