debuggerx01 / battery_indicator

A battery indicator widget for flutter

flutter_battery_indicator 🔋

A battery indicator widget, you can use the phone battery value to display, and also you can provide your own value for the battery level.

Screenshots 📷

Example with native flutter

Example with GetX

Usage 📋

To use this plugin, add battery_indicator as a dependency in your pubspec.yaml file.

dependencies:
  battery_indicator: ^0.1.0

Examples 📱

You can use your phone battery to display in the widget 1️⃣

You can check this example in the folder [example]

// Import package
import 'package:battery_indicator/battery_indicator.dart';
...

// Instantiate it, by default it takes the battery from your phone
BatteryIndicator(
  style: BatteryIndicatorStyle.values[_styleIndex],
  colorful: _colorful,
  showPercentNum: _showPercentNum,
  mainColor: _color,
  size: _size,
  ratio: _ratio,
  showPercentSlide: _showPercentSlide,
);

// and then add it to your layout .

Also you can provide your own battery value 2️⃣

You can check this example in the folder [example_custom_battery]

// Import package
import 'package:battery_indicator/battery_indicator.dart';
...

//inside your statefull class, you can add functions
// to control the battery level, like this:

int bat = 34;

void increment() {
  setState(() {
    if (bat < 100) {
      bat++;
    }
  });
}

void decrement() {
  setState(() {
    if (bat > 0) {
      bat--;
    }
  });
}
...
// Instantiate it, add the flag batteryFromPhone, and a
// value to control the battery level
BatteryIndicator(
  batteryFromPhone: false,
  batteryLevel: bat,
  style: BatteryIndicatorStyle.values[_styleIndex],
  colorful: _colorful,
  showPercentNum: _showPercentNum,
  mainColor: _color,
  size: _size,
  ratio: _ratio,
  showPercentSlide: _showPercentSlide,
);

// and then add it to your layout .

Also you can provide your own battery value with GetX 3️⃣

You can check this example in the folder [example_custom_battery_get_x]

home_view.dart

 Obx(() => BatteryIndicator(
      batteryFromPhone: false,
      batteryLevel: controller.bat.value,
      style: controller.myStyle,
      colorful: controller.colorful,
      showPercentNum: controller.showPercentNum,
      mainColor: controller.color,
      size: controller.size,
      ratio: controller.ratio,
      showPercentSlide: controller.showPercentSlide)
  )

home_controller.dart

class HomeController extends GetxController {
  //0,flat and 1,skeumorphism
  BatteryIndicatorStyle myStyle = BatteryIndicatorStyle.values[0];

  var colorful = true;
  var showPercentSlide = true;
  var showPercentNum = true;
  var size = 35.0;
  var ratio = 6.0;
  Color color = Colors.blue;
  RxInt bat = RxInt(35);


  @override
  void onClose() {}
  void increment() {
    if (bat.value < 100) {
      bat.value++;
    }
  }
  void decrement() {
    if (bat.value > 0) {
      bat.value--;
    }
  }
}

Special Thanks 👍

WilliBobadilla

Getting Started 🚀

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

battery_indicator's Issues

Upgrade from battery_plus ^2.0.1 to ^3.0.2

Pleas update the package dependencies.

Because battery_indicator 0.1.1 depends on battery_plus ^2.0.1 and no versions of battery_indicator match >0.1.1 <0.2.0, battery_indicator ^0.1.1 requires battery_plus ^2.0.1.
So, because app depends on both battery_plus ^3.0.2 and battery_indicator ^0.1.1, version solving failed.
pub get failed (1; So, because app depends on both battery_plus ^3.0.2 and battery_indicator ^0.1.1, version solving failed.)

Update On pub.dev

Hey, can you update the release on pub.dev?

Change only internal color

Is it possibile to set custom color only for the internal color?
I want to keep the border black and change the internal color with a custom rule.

Thank you in advance

build failed with battey plus 3.0.3

Hi,

I can't build due to some dependency issues please see attached logs :

---

.pub-cache/hosted/pub.dev/battery_plus-3.0.3/android/src/main/kotlin/dev/fluttercommunity/plus/battery/BatteryPlusPlugin.kt: (112, 53): Unresolved reference: lowercase

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':battery_plus:compileDebugKotlin'.

Compilation error. See log for more details

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

• Get more help at https://help.gradle.org

BUILD FAILED in 2s
Exception: Gradle task assembleDebug failed with exit code 1

waiting for a fix if possible
thank you

Suggested Improvement

When you try make the battery size bigger than 20, the font size (where you do widget.size -2) doesn't work too well. I think allowing to pass in a property to set the font size would be nice. Default it to 90% of the size value.

Add support for null safety.

Add support for null safety.

If battery undetectable errors thrown

Charging information

If the battery is charging, is there any way to show the information through the battery indicator? Thanks!

cannot change battery percentage