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.
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
