A package to create and customize linear & circle indicator easily.
Features
🌟Customizable circle indicator
🌟Customizable linear indicator
Getting started
Install it
Add package to your pubspec.yaml file
dependecies:
flutter:
sdk: flutter
custom_indicator: any
Or
flutter pub add custom_indicator
Import id
import 'package:custom_indicator/custom_indicator.dart';
Usage
Use indicator without adding value
CustomLinearIndicator()
CustomCircleIndicator()
Add indicator with value
CustomCircleIndicator(
value: 100,
backColor: Colors.red,
),
CustomLinearIndicator(
value: 100,
backColor: Colors.red,
),
Change indicator type
CustomCircleIndicator(
value: 35,
backColor: Colors.red,
pointerColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
Check on finish
CustomCircleIndicator(
value: 100,
checkOnFinish: true,
backColor: Colors.red,
),
CustomLinearIndicator(
value: 100,
backColor: Colors.red,
checkOnFinish: true,
height: 70,
),
Change linear edge
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
edgeType: EdgeType.square,
),
Cill linear indicator
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
),
To hide indicator value set showValue property to false
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
showValue: false,
),