level_indicator 0.0.5 copy "level_indicator: ^0.0.5" to clipboard
level_indicator: ^0.0.5 copied to clipboard

Level Indicator for flutter

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
2
likes
90
pub points
11%
popularity

Publisher

unverified uploader

Level Indicator for flutter

Repository (GitHub)
View/report issues

Documentation

API reference

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on level_indicator