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

painters/circle/AbstractCircularPainter

painters/linear/AbstractLinearPainter

data/constants/ConfigurationData

data/configurations/circle/DefaultCircleConfiguration

data/configurations/linear/DefaultLinearConfiguration

painters/circle/RectCircularPainter

components/RectCircularPercentify

painters/linear/RectLinearPainter

components/RectLinearPercentify

painters/circle/RoundedCircularPainter

components/RoundedCircularPercentify

painters/linear/RoundedLinearPainter

components/RoundedLinearPercentify

data/configurations/ShapeConfiguration

data/configurations/circle/ValueCircleConfiguration

data/configurations/linear/ValueLinearConfiguration