custom_indicator 0.0.8 custom_indicator: ^0.0.8 copied to clipboard
Simple & customizable circle & linear indicator, you can customize the indicator to make it compatible with your usage.
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,
),