Giter Club home page Giter Club logo

flutter_percent_indicator's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flutter_percent_indicator's Issues

Rendered only once in CupertinoPicker

This is my CircularPercentIndicator:

CircularPercentIndicator(
            radius: 90,
            lineWidth: 6,
            animation: true,
            percent: 0.5,
            animateFromLastPercent: true,
            center: Container(
              width: 70,
              height: 70,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                image: DecorationImage(
                  image: AssetImage('assets/profile.jpg'),
                  fit: BoxFit.fill,
                ),
              ),
            ),
            circularStrokeCap: CircularStrokeCap.round,
            progressColor: Colors.green,
            backgroundColor: Colors.transparent,
            reverse: true,
          ),

When I use it in a CupertinoPicker widget, it only renders the indicator once. I have no idea where is the problem!

Feature Request: Multiple overlapping percent strokes.

Hello @diegoveloper , Thanks for this amazing package. I was wondering if there is any support for multiple percent strokes, preferably overlapping. Something like this
image

If not, then I'd like to work on this feature and send out a PR. Just want to know your thoughts on how should we proceed in implementing this.

get2.1.6 error

Because demoApp depends on percent_indicator ^2.1.6 which doesn't match any versions, version solving failed.
pub get failed (1; Because flutter_base_framework depends on percent_indicator ^2.1.6 which doesn't match any versions, version solving failed.)

Flutter web doesn't support this package.

On mobile its working fine, but on web its not working.

Getting build error:
Unable to find modules for some sources, this is usually the result of either a
bad import, a missing dependency in a package (or possibly a dev_dependency
needs to move to a real dependency), or a build failure (if importing a
generated file).

Please check the following imports:

Unable to find modules for some sources, this is usually the result of either a
bad import, a missing dependency in a package (or possibly a dev_dependency
needs to move to a real dependency), or a build failure (if importing a
generated file).

Feature Request: Attach widget to percentage bar

Hello. I think this is not yet possible, but it would probably be a nice addition to the package.

I created an example image of what could be the result:

Imgur

It doesn't necessarily have to be an icon, but it's the idea I had in mind. Ideally the widget attached should be able to pass over the bar limits (as shown in the image) to create a better effect.

I'm not sure if this would be possible/trickier for the circular progress indicator, as there might be a need (option?) to rotate the widget as it moves.

Change text color based on linear progress bar color.

When the prorgress bar is filled, the Text color try to adapt to the background color.

For ex. The progress is light green, the text can't be white, it should be sort of black for e.g.

It is just a suggestion !

Dispose method is not called

This problem occurs when using a home page with BottomNavigationBar and PageView to navigate between different pages.

When switching from Page1 (where the CircularPercentIndicator widget is instantiated) to Page2, the dispose method on Page1 is not been called.

So, if I need to do some code on dispose method, actually I can't, because the code is not executed.

But if you remove the CircularPercentIndicator on Page1, the dispose method is called as expected.

To reproduce the problem, just use the following code.

home.dart

import 'package:flutter/material.dart';
import 'package:get_it_percent_indicator/pages/page1.dart';
import 'package:get_it_percent_indicator/pages/page2.dart';

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final pageController = PageController();

  @override
  void dispose() {
    pageController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: PageView(
        controller: pageController,
        children: [
          Page1(),
          Page2(),
        ],
      ),
      bottomNavigationBar: AnimatedBuilder(
        animation: pageController,
        builder: (context, child) {
          return BottomNavigationBar(
            currentIndex: pageController.page?.round() ?? 0,
            onTap: (value) {
              pageController.jumpToPage(value);
            },
            items: [
              BottomNavigationBarItem(
                icon: Icon(Icons.person),
                label: 'Page 1',
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.camera),
                label: 'Page 2',
              ),
            ],
          );
        },
      ),
    );
  }
}

page1.dart

import 'package:flutter/material.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';

class Page1 extends StatefulWidget {
  @override
  _Page1State createState() => _Page1State();
}

class _Page1State extends State<Page1> {
  @override
  void dispose() {
    print('dispose page 1');
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: CircularPercentIndicator(
          radius: 60.0,
          lineWidth: 5.0,
          percent: 1.0,
          center: new Text("100%"),
          progressColor: Colors.green,
        ),
      ),
    );
  }
}

page2.dart

import 'package:flutter/material.dart';

class Page2 extends StatefulWidget {
  @override
  _Page2State createState() => _Page2State();
}

class _Page2State extends State<Page2> {
  @override
  void dispose() {
    print('dispose page2');
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text('Page 2'),
      ),
    );
  }
}

Feature request: Please consider adding non-constant width

Just a feature request; please consider since width is assigned directly to width in a container, it appears to be required as a double .
e.g. if you leave it off you get a circle if you have 1.0 percent value.

I don't actually know how to get max width of the screen, but even if i did that doesn't seem likethe right way.

Progress indicators that fill the entire screen minus padding (rather than a hardcoded width) seem like a common use case?

Feature Request: Different StrokeCap for each side

I found a lot of plugin about indicator, this is not implemented yet! I looked at the source code, and tried to tweak circularStrokeCap to draw butt first, then round, but It's not working, so I make a feature request, hope there is someday supported πŸ˜…

Issue when percentage is 1.0

There is a problem when the percent is at 1.0.
When the screen is loaded, it's fine. But then, after scrolling through the list and coming back it becomes like in the screenshot.
screenshot_20190126-150420 1
For some reason it's not filling the circle.

Animation

Is it possible to do the following thing?
I navigate to a new screen and I use a linear percent indicator there. I would like it to be for example at 60% without animation for the first time. After a certain amount of time this indicator goes to 80%, but this time with animation, from 60% to 80%.
I tried to set the animation property to false, and after a little time to true but it did not work.

Suggestion: Linear indicator should display only part of linear gradient

I believe current implementation of linear gradient does not fit well with linear percent indicator use case. IMHO indicator should shade only part of linear gradient (according to progress value), not entire gradient.
For example bellow I specified linear gradient with 4 colors (red, orange, yellow, green) to create 'VU effect'. Upper progress bar is the way I believe indicator should render gradient, lower one is current behavior. No matter what progress value is set entire gradient is visible.

gradient

It's just a matter of changing shader offset values in 2 places (original code below)

_paintLine.shader = linearGradient.createShader(Rect.fromPoints(
Offset(size.width, size.height), Offset(xProgress, size.height)));

_paintLine.shader = linearGradient.createShader(
Rect.fromPoints(Offset.zero, Offset(xProgress, size.height)));

I can make a PR but I feel this needs some feedback from you.
Can this functionality at least be available as an option?
Thanks for the great widget!

Is there any way to create stroke / border in LinearPercentIndicator?

Hi @diegoveloper . nice package, I really love it.

currently, I want to create LinearPercentIndicator like this:

Screen-Shot-2020-05-23-at-07-06-26.png

I try to implement that with this code:

Padding(
              padding: EdgeInsets.all(15.0),
              child: Container(
                decoration: BoxDecoration(
                    border: Border.all(color: Color(0xff317abb), width: 1),
                    borderRadius: BorderRadius.circular(15)),
                child: LinearPercentIndicator(
                  lineHeight: 15.0,
                  //percent: progress,
                  percent: 0.5,
                  linearStrokeCap: LinearStrokeCap.round,
                  backgroundColor: Colors.white,
                  progressColor: Colors.blue,
                ),
              ),
            ),

and this is what I get is like the border/stroke not aligned in the side:

Screen-Shot-2020-05-23-at-07-13-03.png

any suggestions how to handle it?

On Complete

it will be a great idea if the progress bar supports an onComplete function !!

Reversing progress start animation from 0.0%

When you increase the percentage with animateFromLastPercent = true the animation starts from the last value and ends at the new value.
However when reducing the value the animation starts from 0 and ends at the new value.

For example:
50% -> 75% animates from 50% to 75%
50% -> 25% animates from 0% to 25%

Is there support for reversing animation if newValue < currentValue?

Gradient Color

Good morning Daniel,
Can't progressColor be made with a gradient color?
For example, if I have 30% I have a red color with opacity and at the end when I reach 100% I have the other fraction completely red.

Thanks for reading the comment.

Animation does not work for ongoing tasks

Hey! First of all thanks for such great library. I use it a lot!
But one issue I have is to show a ongoing task progress indication, like a download progress.
If I set the animation to true, it always animate from 0 to the current progress, instead of animating the latest progress value to the current.

Thanks a lot!

Error trying to build apk

(Compiler message:                                                       
../../../Development/flutter/.pub-cache/hosted/pub.dartlang.org/percent_indicator-2.1.7+3/lib/linear_percent_indicator.dart:216:9: Error: No named parameter with the name 'clipBehavior'.
        clipBehavior: Clip.none,                                        
        ^^^^^^^^^^^^                                                    
../../../Development/flutter/packages/flutter/lib/src/widgets/basic.dart:3210:3: Context: Found this candidate, but the arguments don't match.
  Stack({                                                               
  ^^^^^                                                                 
Target kernel_snapshot failed: Exception: Errors during snapshot creation: null
build failed.                                                           
                                                                        
FAILURE: Build failed with an exception.                                
                                                                        
* Where:                                                                
Script '/Users/shubhamsoni/Development/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 882
                                                                        
* What went wrong:                                                      
Execution failed for task ':app:compileFlutterBuildRelease'.            
> Process 'command '/Users/shubhamsoni/Development/flutter/bin/flutter'' finished with non-zero exit value 1
                                                                        
* 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 28s  )

No named parameter with the name 'overflow'

../../../.pub-cache/hosted/pub.dartlang.org/percent_indicator-2.1.7+1/lib/linear_percent_indicator.dart:215:9: Error: No named parameter with the name 'overflow'.
overflow: Overflow.visible,
^^^^^^^^
../../../flutter/packages/flutter/lib/src/widgets/basic.dart:3273:3: Context: Found this candidate, but the arguments don't match.

Doctor summary (to see all details, run flutter doctor -v):
[βœ“] Flutter (Channel dev, 1.23.0-4.0.pre, on Mac OS X 10.15.6 19G2021 x86_64,
locale en-GB)

[βœ“] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[βœ“] Xcode - develop for iOS and macOS (Xcode 12.0)
[βœ“] Chrome - develop for the web
[βœ“] Android Studio (version 4.0)
[βœ“] VS Code (version 1.49.1)
[βœ“] Connected device (3 available)

Error when leaving a page with unfinished animation

Hi - Thanks for the plugin.

I use the CircularPercentIndicator with animation. If I leave the page with the indicator before the animation finished, I get this error:

[log] setState() called after dispose(): _OtherProfileState#f22c8(lifecycle state: defunct, not mounted)
This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.
The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" property of this object before calling setState() to ensure the object is still in the tree.
This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has been removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().

Is it something that should be fixed in the plugin, or something I should handle somehow?

Thanks.

StreamBuilder

Hi, using indicator on real cases we need to update widgets from functions
Do you have an example code to use flutter_percent_indicator and StreamBuilder ? :)

Android: When used on a stack on top of a circle-shape container, the CirclePercentIndicator widget is not rendered properly.

It works completely fine on the iOS simulator, but there is something weird happening while using the Circle Percent Indicator in a Stack widget on top of a container also made to look like a circle using BoxShape.

What is even weirder is that when Debug Paint is on, it looks properly rendered.

I think the images make it clear.

image

image

Stack(
  alignment: AlignmentDirectional.center,
  children: <Widget>[
    Container(
      width: 44.0,
      height: 40.0,
      color: Colors.grey[700],
    ),
    Container(
      width: 36.0,
      height: 36.0,
      decoration: BoxDecoration(
        color: Colors.black,
        borderRadius: BorderRadius.circular(18),
      ),
    ),
    Container(
      alignment: Alignment.center,
      //color: Colors.transparent,
      height: 34.0,
      width: 34.0,
      child: CircularPercentIndicator(
        radius: 30.0,
        lineWidth: 4.0,
        animation: true,
        animationDuration: 1000,
        percent: movies[index].voteAverage / 10,
        center: Row(
          crossAxisAlignment:
              CrossAxisAlignment.center,
          mainAxisAlignment:
              MainAxisAlignment.center,
          children: <Widget>[
            Text(
              (((movies[index].voteAverage) * 10)
                  .toStringAsFixed(0)),
              style: TextStyle(
                  fontSize: 11.0,
                  color: Colors.white,
                  fontWeight: FontWeight.bold),
            ),
            Text(
              "%",
              style: TextStyle(
                  color: Colors.white,
                  fontWeight: FontWeight.bold,
                  fontSize: 6.0),
            )
          ],
        ),
        circularStrokeCap:
            CircularStrokeCap.round,
        progressColor: progressColor,
        backgroundColor: progressColor.shade900,
      ),
    ),
  ],
)

Feature Request: Dynamic Progress Color

Hi, love this package. Thank you!
Only two thing to be added and I think it was important.
First is adding a dynamic color change based on percentage. Lets says Linear Percent Indicator, from the most left side is Colors.red and to the most right is Colors.green. It's like a health bar.
Second thing is I want to know how to remove padding of Linear Percent Indicator padding?
Something like this :
Image
It really take some space on the phone. The top and bottom padding how can i remove it?

percent < 0

setting percent < 0.0 is a bad idea but I think the control should display an empty progress bar not an error.

The method '<' was called on null.

When i create LinearPercentIndicator like this:

Expanded(
         flex: 0,
              child: new LinearPercentIndicator(
                lineHeight: 6.0,
                width: 140.0,
                percent: 0.5,
                animation: true,
                backgroundColor: Colors.lightGreenAccent,
                progressColor: Colors.deepPurple,
              ),
        )

Flutter test excute correctly. But when i pass data from StateFull or Stateless parent widget like

Expanded(
          flex: 0,
              child: new LinearPercentIndicator(
                lineHeight: 6.0,
                width: 140.0,
                percent: percent,
                animation: true,
                backgroundColor: Colors.lightGreenAccent,
                progressColor: Colors.deepPurple,
              ),
        ),

Flutter test give me the following error log

The following NoSuchMethodError was thrown building ArticleDescription(dirty, dependencies:
[MediaQuery], state: _ArticleWidgetState#128d9):
The method '<' was called on null.
Receiver: null
Tried calling: <(0.0)

User-created ancestor of the error-causing widget was:
  Padding
  file:///home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/widgets/widget_bottom_progressbar.dart:65:24

When the exception was thrown, this was the stack:
#0      Object.noSuchMethod (dart:core-patch/object_patch.dart:51:5)
#1      new LinearPercentIndicator (package:percent_indicator/linear_percent_indicator.dart:97:17)
#2      _ArticleWidgetState.build (package:amala_statistics/widgets/widget_article_description.dart:76:26)
#3      StatefulElement.build (package:flutter/src/widgets/framework.dart:4047:27)
#4      ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3941:15)
#5      Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#6      ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#7      StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#8      ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#9      Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#10     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#11     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#12     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#13     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#14     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#15     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#16     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#17     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#18     ParentDataElement.mount (package:flutter/src/widgets/framework.dart:4314:11)
#19     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#20     MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5233:32)
#21     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#22     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#23     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#24     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#25     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#26     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#27     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#28     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#29     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#30     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#31     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#32     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#33     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#34     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#35     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#36     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#37     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#38     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#39     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#40     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#41     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#42     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#43     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#44     StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#45     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#46     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#47     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#48     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#49     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#50     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#51     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#52     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#53     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#54     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#55     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#56     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#57     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#58     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#59     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#60     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#61     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#62     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#63     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#64     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#65     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#66     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#67     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#68     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#69     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#70     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#71     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#72     StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#73     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#74     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#75     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#76     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#77     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#78     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#79     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#80     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#81     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#82     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#83     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#84     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#85     StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#86     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#87     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#88     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#89     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#90     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#91     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#92     ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#93     Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#94     ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#95     ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#96     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#97     Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#98     SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#99     Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#100    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#101    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#102    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#103    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#104    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#105    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#106    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#107    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#108    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#109    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#110    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#111    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#112    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#113    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#114    SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#115    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#116    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#117    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#118    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#119    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#120    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#121    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#122    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#123    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#124    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#125    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#126    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#127    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#128    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#129    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#130    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#131    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#132    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#133    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#134    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#135    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#136    MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5233:32)
#137    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#138    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#139    _TheatreElement.mount (package:flutter/src/widgets/overlay.dart:593:16)
#140    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#141    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#142    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#143    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#144    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#145    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#146    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#147    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#148    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#149    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#150    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#151    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#152    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#153    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#154    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#155    SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#156    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#157    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#158    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#159    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#160    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#161    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#162    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#163    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#164    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#165    SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#166    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#167    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#168    SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#169    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#170    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#171    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#172    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#173    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#174    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#175    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#176    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#177    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#178    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#179    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#180    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#181    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#182    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#183    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#184    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#185    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#186    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#187    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#188    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#189    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#190    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#191    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#192    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#193    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#194    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#195    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#196    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#197    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#198    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#199    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#200    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#201    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#202    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#203    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#204    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#205    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#206    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#207    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#208    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#209    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#210    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#211    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#212    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#213    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#214    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#215    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#216    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#217    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#218    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#219    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#220    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#221    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#222    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#223    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#224    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#225    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#226    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#227    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#228    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#229    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#230    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#231    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#232    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#233    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#234    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#235    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#236    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#237    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#238    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#239    SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#240    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#241    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#242    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#243    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#244    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#245    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#246    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#247    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#248    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#249    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#250    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#251    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#252    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#253    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#254    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#255    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#256    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#257    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#258    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#259    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#260    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#261    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#262    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#263    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#264    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#265    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#266    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#267    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#268    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#269    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#270    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#271    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#272    SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#273    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#274    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#275    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#276    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#277    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#278    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#279    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#280    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#281    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#282    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#283    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#284    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#285    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#286    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#287    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#288    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#289    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#290    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#291    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#292    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#293    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#294    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#295    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#296    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#297    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#298    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#299    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#300    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#301    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#302    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#303    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#304    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#305    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#306    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#307    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#308    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#309    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#310    StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#311    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#312    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#313    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#314    ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#315    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#316    ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#317    ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#318    Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#319    Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#320    RenderObjectToWidgetElement._rebuild (package:flutter/src/widgets/binding.dart:998:16)
#321    RenderObjectToWidgetElement.update (package:flutter/src/widgets/binding.dart:976:5)
#322    RenderObjectToWidgetElement.performRebuild (package:flutter/src/widgets/binding.dart:990:7)
#323    Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#324    BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2348:33)
#325    AutomatedTestWidgetsFlutterBinding.drawFrame (package:flutter_test/src/binding.dart:940:18)
#326    RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:280:5)
#327    SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1033:15)
#328    SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:975:9)
#329    AutomatedTestWidgetsFlutterBinding.pump.<anonymous closure> (package:flutter_test/src/binding.dart:853:9)
#332    TestAsyncUtils.guard (package:flutter_test/src/test_async_utils.dart:69:41)
#333    AutomatedTestWidgetsFlutterBinding.pump (package:flutter_test/src/binding.dart:840:27)
#334    WidgetTester.pumpWidget.<anonymous closure> (package:flutter_test/src/widget_tester.dart:318:22)
#337    TestAsyncUtils.guard (package:flutter_test/src/test_async_utils.dart:69:41)
#338    WidgetTester.pumpWidget (package:flutter_test/src/widget_tester.dart:315:27)
#339    main.<anonymous closure> (file:///home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/test/w_linear_progress_test.dart:35:18)
#341    main.<anonymous closure> (file:///home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/test/w_linear_progress_test.dart:33:46)
#342    testWidgets.<anonymous closure>.<anonymous closure> (package:flutter_test/src/widget_tester.dart:119:25)
#344    testWidgets.<anonymous closure>.<anonymous closure> (package:flutter_test/src/widget_tester.dart:117:9)
#345    TestWidgetsFlutterBinding._runTestBody (package:flutter_test/src/binding.dart:648:19)
#359    AutomatedTestWidgetsFlutterBinding.runTest.<anonymous closure> (package:flutter_test/src/binding.dart:1032:17)
#361    AutomatedTestWidgetsFlutterBinding.runTest.<anonymous closure> (package:flutter_test/src/binding.dart:1020:35)
(elided 35 frames from class _FakeAsync, package dart:async, package dart:async-patch, and package stack_trace)

════════════════════════════════════════════════════════════════════════════════════════════════════
00:08 +5 -1: /home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/test/w_linear_progress_test.dart: Linear Progress Widget Test [E]   
  Test failed. See exception logs above.
  The test description was: Linear Progress Widget Test 

I tried to figure out the causes of failure finaly i found this happened only when LinearPercentIndicator values are passed from parrentWidget to LinearPercentIndicator as child

how to do the background of the circle

Hi,

your library is very good, I do have a question.

now I'm doing this (see image)

`
CircularPercentIndicator(
radius: 200.0,
lineWidth: 10.0,
percent: _percent,
animation: true,
fillColor: UIConstant.backgroundColor,
animateFromLastPercent: true,
center: SizedBox(
child: Stack(
children: [

            ],
          ),
          height: 180,
          width: 200,
        ),
        backgroundColor: UIConstant.darkColor,
        progressColor: UIConstant.lightColor,
      ),

`

I only want fillcolor to be the background of the circle.

how can I achieve that ?

also Container is creating a square instead of clipping
should we use ClipRRect to the container

Screenshot_1589713193

Thanks

How LinearPercentIndicator auto width

I want the length (width) of the progress bar to be the same as the width of the current parent widget, but I can't do this because 'width' is @required.

How can I do that?

Forgive me for being a recruit.

RTL orientation

Hi
Thanks very much for this package.
My problem is that I want the tape to appear from right to left.
Although I use Directionality widget
It did not work
isuss

Set Stroke Cap Color

Where/How do I set the StrokeCap to be a different colour than the Progress Line?

Update Progress on setState with Animation

Progress not update on setState when animation = true

double percent = 0.1;

// not works
LinearPercentIndicator(
animation: true,
animationDuration: 1000,
percent: percent
)

setState(() {
percent = 0.2;
});

// works
LinearPercentIndicator(
animation: false, // here
animationDuration: 1000,
percent: percent
)

setState(() {
percent = 0.2;
});

Linear Gradient

Hi! Thank you for the package!

I was wondering if there was a way to make the color a gradient? The solid color looks a bit off in comparison to the rest of my app.

Something like this... (iOS Clock App)

photo_2019-04-02_18-14-04

Progress Color not working.

Sometime the progressColor in app does not work , i don't know why it happening suddenly. It was working well before and this problem occurs
photo_2020-03-17_11-55-54
carbon

widgetIndicator size seems to be hardcoded

Im trying to adjust the widgetIndicator like this:

Image.asset ( "assets/butt.png", width: 5, height: 5,),``

But all values have no effect, is it hardcoded? Id like to be able to resize this, thanks!!

Feature request: possibility to manage over 100% with the possibility to change bar color

Good morning,
thank you for the nice package!
It will be very beautiful to have the possibility to manage the over 100% percentage. Now if I have a 'percent' value > 1.0 the widget return an exception. My idea is to show the over 100 percentage for example:
--> 1.5 - 150%
It can be very useful in some case.
Then if this feature will be implemented it will be perfect to have a dedicated bar color when the percentage is over 100%.

Two LinearPercentIndicator with animation not updating progress bar animation

Good Day.

I noticed that when using at least two instances of LinearPercentIndicator with animation, the progress bar will always animate with the original values. Even if I use a new percent values after calling setState, They will both animate with the original percent values as before.

However, If there is no animation, the progress bar updates accordingly.

Thank you.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.