search

diegoveloper / flutter_percent_indicator

Flutter percent indicator library
BSD 2-Clause "Simplified" License
677 stars 206 forks source link

`CircularPercentIndicator` border #195

Closed FMorschel closed 1 year ago

FMorschel commented 1 year ago

I would like to add a border to my CircularPercentIndicator with 

arcType: ArcType.HALF,
circularStrokeCap: CircularStrokeCap.round,
FMorschel commented 1 year ago

I've solved with

Stack(
  fit: StackFit.passthrough,
  alignment: Alignment.bottomCenter,
  children: [
    CircularPercentIndicator(
      radius: 100,
      lineWidth: 20,
      percent: percent,
      arcType: ArcType.HALF,
      circularStrokeCap: CircularStrokeCap.round,
      linearGradient: gradient,
    ),
    CircularPercentIndicator(
      radius: 100,
      lineWidth: 20,
      percent: 1,
      arcType: ArcType.HALF,
      circularStrokeCap: CircularStrokeCap.round,
      progressColor: theme.hintColor,
      maskFilter: const MaskFilter.blur(BlurStyle.outer, 2),
    ),
  ],
),