cupertino_battery_indicator 1.0.0 copy "cupertino_battery_indicator: ^1.0.0" to clipboard
cupertino_battery_indicator: ^1.0.0 copied to clipboard

A simple widget to display battery charge inspired by the Cupertino design.

This package provides a single widget: BatteryIndicator. It resembles the battery icon used in the macOS menu bar, but is very customizable. You can provide any value it should display.

A gif showing the indicator and a slider being moved between 0% and 100%

Features #

  • Looks like a stylized battery laying on its side
  • Shows any percentage given to it
  • Optionally show the percentage as text next to the icon
  • Customizable colors and sizes

Getting started #

Just include the BatteryIndicator library:

import 'package:cupertino_battery_indicator/cupertino_battery_indicator.dart';

Usage #

Widget buildIndicator(value) =>
  Row(
    mainAxisSize: MainAxisSize.min,
    children: [
      Padding(
        padding: const EdgeInsets.only(right: 16.0),
        child: BatteryIndicator(value: value),
      ),
      Text('${(value * 100).ceil()}%'),
    ],
  );

Additional information #

Feel free to open issues with suggestions or feature requests.

PRs are welcome!

License #

Licensed under the MIT license. Read more here.

9
likes
0
pub points
86%
popularity

Publisher

verified publisherricardoboss.de

A simple widget to display battery charge inspired by the Cupertino design.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on cupertino_battery_indicator