cupertino_battery_indicator 1.1.0 copy "cupertino_battery_indicator: ^1.1.0" to clipboard
cupertino_battery_indicator: ^1.1.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
  • 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.

6
likes
160
pub points
83%
popularity

Publisher

verified publisherricardoboss.de

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

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on cupertino_battery_indicator