Description

All dependencies are migrated to null safety. So we should migrate this package to null safety.

Resources

• How to migrate Dart packages to null safety
• Announcing Dart null safety beta

When importing the file and trying to run the application I am getting this error: Compiler message: Error: Could not resolve the package 'liquid_progress_indicator' in 'package:liquid_progress_indicator/liquid_progress_indicator.dart'. lib/UI/Pages/GymSubPages/ExerciseListPage.dart:8:8: Error: Not found: 'package:liquid_progress_indicator/liquid_progress_indicator.dart' import 'package:liquid_progress_indicator/liquid_progress_indicator.dart';

Hi,

Thank you very much for this widget. However, I'm unable to get the text to show up in the middle of the widget. Please help. The following is my code.

LiquidCustomProgressIndicator(
                        value: 0.45,
                        // Defaults to 0.5.
                        valueColor: AlwaysStoppedAnimation(Colors.red),
                        // Defaults to the current Theme's accentColor.
                        backgroundColor: Colors.white,
                        // Defaults to the current Theme's backgroundColor.
                        direction: Axis.vertical,
                        center: Text(
                          "45%",
                          style: TextStyle(
                              fontSize: 12.0,
                              fontWeight: FontWeight.w600,
                              color: Colors.black),
                        ),

                        // The direction the liquid moves (Axis.vertical = bottom to top, Axis.horizontal = left to right).
                        shapePath:
                            getHeartPath(), // A Path object used to draw the shape of the progress indicator. The size of the progress indicator is created from the bounds of this path.
                      ),

And the getHeartPath() function.

getHeartPath() {
    double width = 100;
    double height = 100;
    Path path = Path();
    path.moveTo(0.5 * width, height * 0.35);
    path.cubicTo(0.2 * width, height * 0.1, -0.25 * width, height * 0.6,
        0.5 * width, height);
    path.moveTo(0.5 * width, height * 0.35);
    path.cubicTo(0.8 * width, height * 0.1, 1.25 * width, height * 0.6,
        0.5 * width, height);
    return path;
  }

I would like have the wave go from red to blue over time... but I can't get it to work eventhough I am using the flutter suggested methods as indicated here https://flutter.dev/docs/development/ui/animations/tutorial

Thanks for the wonderful plugin. I tried using a relative canvas context dimension for its shapepath but it does not work. Pls what am i doing wrong? i.e. Path _battery(BuildContext context) { Size size = MediaQuery.of(context).size; return Path() ..moveTo(size.width / 3.1, size.height / 1.25) ..lineTo(size.width / 1.48, size.height / 1.25) ..lineTo(size.width / 1.48, size.height / 4.27) ..lineTo(size.width / 1.78, size.height / 4.27) ..lineTo(size.width / 1.78, size.height / 5.12) ..lineTo(size.width / 2.0, size.height / 5.12) ..lineTo(size.width / 2.27, size.height / 5.12) ..lineTo(size.width / 2.27, size.height / 4.27) ..lineTo(size.width / 3.1, size.height / 4.27) //..lineTo(size.width / 3.1, size.height / 1.25) ..close(); }

i am not using animation because i have no fix time..i want to display only for progress.it has value field but not max value. so how to figure out it from how many, current progress.

Is there a way to choose the wave direction more than horizontal or vertical?

I have this rectangle and I would like to add a progress bar in this "diagonal" direction:

Hi, thanks for this widget but i have a question which is in custom liquid heart shape size is very small if i want to change the size of heart shape kindly look into this request thanks

Hello, there! Is there any way to reanimate a circular progress indicator when complete its cycle? I'm using LiquidCircularProgressIndicator with TweenAnimationBuilder and set Tween(begin: 0, end: 1)