percentify 1.0.3 copy "percentify: ^1.0.3" to clipboard
percentify: ^1.0.3 copied to clipboard

percentage indicator package

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 #

Screenshots #

App Screenschot App Screenschot App Screenschot

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

🚀 About Me #

I'm a software engineer...

License #

MIT

1
likes
110
pub points
67%
popularity

Publisher

unverified uploader

percentage indicator package

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on percentify