archive-gh-me/react-native-circular-progress
1
0
Fork 0
mirror of https://github.com/bartgryszko/react-native-circular-progress.git synced 2026-01-25 16:25:58 +00:00
Code Issues Projects Releases Wiki Activity

adding dashes to fill as well

Browse Source 
dashes will now work for fill.
This commit is contained in:
rajpootathar 2020-02-16 03:22:08 +05:00 committed by GitHub
parent 1242f68823
commit ff1b84cec8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/CircularProgress.js
View File

@ -45,14 +45,15 @@ export default class CircularProgress extends React.PureComponent {
const sizeWithPadding = size / 2 + padding / 2;
const radius = size / 2 - maxWidthCircle / 2 - padding / 2;
const backgroundPath = this.circlePath(
const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;
const backgroundPath = this.circlePath(
sizeWithPadding,
sizeWithPadding,
radius,
0,
currentFillAngle,
arcSweepAngle
);
const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;
const circlePath = this.circlePath(
sizeWithPadding,
sizeWithPadding,
@ -114,6 +115,7 @@ export default class CircularProgress extends React.PureComponent {
stroke={tintColor}
strokeWidth={width}
strokeLinecap={lineCap}
strokeDasharray={strokeDasharray}
fill="transparent"
/>
)}