Skip to content

TepKeven/level-indicator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Level Indicator

Level Indicator for flutter offer a flexible progressbar with changes to color

Installation

  1. Add the latest version of package to your pubspec.yaml and run (dart pub get): yaml dependencies: level_indicator: ^0.0.5

  2. Import the package and use it in your flutter application. dart import 'package:level_indicator/level_indicator.dart';

Example

There are a number of properties you can modify include:

  • width
  • height
  • top
  • right
  • bottom
  • left
  • borderRadius
  • direction
  • reverse
  • itemCount
  • acitveItem
  • activeColor
  • inactiveColor

class LevelsIndicator extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Level Indicator"),
        titleTextStyle: TextStyle(fontSize: 20),
        centerTitle: true,
      ),
      body: LevelIndicator(
        width: 100,
        height: 100,
        acitveItem: 1,
        activeColor: Colors.amber,
        left: 30,
        direction: Axis.horizontal,
        inactiveColor: Colors.blue,
        itemCount: 3,
        reverse: true,
        borderRadius: 0,
      ),
    );
  }
}

Level Indicator on Web

Level Indicator on Web 2

Next Goals

  • Add more shapes functionality Allowing users to specify different icons and shapes for each bar indicator

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages