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
customizable_linear_circular_indicators: any
Or
flutter pub add customizable_linear_circular_indicators
Import id
import 'package:customizable_linear_circular_indicators/customizable_linear_circular_indicators.dart';
Usage
Use indicator without adding value
CustomLinearProgressIndicator()
CustomCircleProgressIndicator()
Add indicator with value
CustomCircleProgressIndicator(
value: 100,
backColor: Colors.red,
),
CustomLinearProgressIndicator(
value: 100,
backColor: Colors.red,
),
Change indicator type
CustomCircleProgressIndicator(
value: 35,
backColor: Colors.red,
pointerColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
Check on finish
CustomCircleProgressIndicator(
value: 100,
checkOnFinish: true,
backColor: Colors.red,
),
CustomLinearProgressIndicator(
value: 100,
backColor: Colors.red,
checkOnFinish: true,
height: 70,
),
Change linear edge
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
edgeType: EdgeType.square,
),
Cill linear indicator
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
),
To hide indicator value set showValue property to false
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
showValue: false,
),