Percentify

A brief description of what this project does

Percentify is package to show percentage using diffent components. There are differents components in the package which you can use it in your application to show some data to the user

Acknowledgements

• GitHub

Screenshots

Features

• Use different kind of predefined indicators
• Manage all configurations
• Create custom indicators from scratch
• Implementation of these components is very easy

Usage of the components

Rounded Circular Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RoundedCircularPercentify(
          40, // the value of progress
          backgroundColor: Colors.black,
          valueColor: Colors.blueAccent,
          strokeWidth: 15,
          valueStrokeWidth: 25,
          child: const SizedBox(
            width: 200,
            height: 200,
            child: Center(
                child: Text(
              "${40}%",
              style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
            )),
          ),
        ),
      ),
    );
  }

Rect Circular Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RectCircularPercentify(
          22, // the value of progress
          backgroundColor: Colors.red,
          valueColor: Colors.blue,
          strokeWidth: 20,
          valueStrokeWidth: 35
        ),
      ),
    );
  }

Rounded Linear Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RoundedLinearPercentify(
          22, // the value of progress
          backgroundColor: Colors.red,
          valueColor: Colors.blue,
          strokeWidth: 20,
          valueStrokeWidth: 35
        ),
      ),
    );
  }

Rect Linear Percentify

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RectLinearPercentify(
          22, // the value of progress
          backgroundColor: Colors.red,
          valueColor: Colors.blue,
          strokeWidth: 20,
          valueStrokeWidth: 35
        ),
      ),
    );
  }

Authors

Elvin Habibov - Software Engineer

• Linkedn
• GitHub

🚀 About Me

I'm a software engineer...

License

MIT

Libraries

components/RectCircularPercentify

components/RectLinearPercentify

components/RoundedCircularPercentify

components/RoundedLinearPercentify

data/configurations/circle/DefaultCircleConfiguration

data/configurations/circle/ValueCircleConfiguration

data/configurations/linear/DefaultLinearConfiguration

data/configurations/linear/ValueLinearConfiguration

data/configurations/ShapeConfiguration

data/constants/ConfigurationData

painters/circle/AbstractCircularPainter

painters/circle/RectCircularPainter

painters/circle/RoundedCircularPainter

painters/linear/AbstractLinearPainter

painters/linear/RectLinearPainter

painters/linear/RoundedLinearPainter