custom_indicator

Description:

custom indicator

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
copied to clipboard
Or #
flutter pub add custom_indicator
copied to clipboard
Import id
import 'package:custom_indicator/custom_indicator.dart';
copied to clipboard

Usage #
Use indicator without adding value
CustomLinearIndicator()
copied to clipboard
CustomCircleIndicator()
copied to clipboard

Add indicator with value
CustomCircleIndicator(
value: 100,
backColor: Colors.red,
),
copied to clipboard
CustomLinearIndicator(
value: 100,
backColor: Colors.red,
),
copied to clipboard


Change indicator type
CustomCircleIndicator(
value: 35,
backColor: Colors.red,
pointerColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
copied to clipboard
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
copied to clipboard


Check on finish
CustomCircleIndicator(
value: 100,
checkOnFinish: true,
backColor: Colors.red,
),
copied to clipboard
CustomLinearIndicator(
value: 100,
backColor: Colors.red,
checkOnFinish: true,
height: 70,
),
copied to clipboard


Change linear edge
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
edgeType: EdgeType.square,
),
copied to clipboard

Cill linear indicator
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
),
copied to clipboard

To hide indicator value set showValue property to false
CustomLinearIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
showValue: false,
),
copied to clipboard