customizable_linear_circular_indicators 0.0.1

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

[img] [img]

Change indicator type

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

CustomLinearProgressIndicator(
    value: 35,
    backColor: Colors.red,
    indicatorType: IndicatorType.pointer,
),

[img] [img]

Check on finish

CustomCircleProgressIndicator(
    value: 100,
    checkOnFinish: true,
    backColor: Colors.red,
),

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

[img] [img]

Change linear edge

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

[img]

Cill linear indicator

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

[img]

To hide indicator value set showValue property to false

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

[img]