custom_progress_indicator 0.0.1 copy "custom_progress_indicator: ^0.0.1" to clipboard
custom_progress_indicator: ^0.0.1 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

img

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,
),

img img

Change indicator type

CustomCircleIndicator(
    value: 35,
    backColor: Colors.red,
    pointerColor: Colors.red,
    indicatorType: IndicatorType.pointer,
),
CustomLinearIndicator(
    value: 35,
    backColor: Colors.red,
    indicatorType: IndicatorType.pointer,
),

img img

Check on finish

CustomCircleIndicator(
    value: 100,
    checkOnFinish: true,
    backColor: Colors.red,
),
CustomLinearIndicator(
    value: 100,
    backColor: Colors.red,
    checkOnFinish: true,
    height: 70,
),

img img

Change linear edge

CustomLinearIndicator(
    value: 35,
    backColor: Colors.red,
    checkOnFinish: true,
    edgeType: EdgeType.square,
),

img

Cill linear indicator

CustomLinearIndicator(
    value: 35,
    backColor: Colors.red,
    checkOnFinish: true,
    filled: true,
),

img

To hide indicator value set showValue property to false

CustomLinearIndicator(
    value: 35,
    backColor: Colors.red,
    checkOnFinish: true,
    filled: true,
    showValue: false,
),

img

0
likes
110
pub points
29%
popularity

Publisher

unverified uploader

Simple & customizable circle & linear indicator, you can customize the indicator to make it compatible with your usage.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on custom_progress_indicator