Merge pull request #220 from aboveyunhai/master

Fix dashbackground parsing issue and wrong center location of <G> inside <Svg>
bartgryszko · Dec 4, 2019 · 993059e · 993059e
2 parents f3d314a + a1f8e6c
commit 993059e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/CircularProgress.js b/src/CircularProgress.js
@@ -86,16 +86,16 @@ export default class CircularProgress extends React.PureComponent {
     }
 
     const dashedBackgroundStyle = dashedBackground.gap > 0
-      ? `${dashedBackground.width}, ${dashedBackground.gap}`
-      : dashedBackground;
-    
+      ? dashedBackground
+      : { width:0, gap:0 };
+
     const strokeDasharray = Object.values(dashedBackgroundStyle)
       .map(value => parseInt(value));
 
     return (
       <View style={style}>
         <Svg width={size + padding} height={size + padding}>
-          <G rotation={rotation} originX={size / 2} originY={size / 2}>
+          <G rotation={rotation} originX={(size + padding) / 2} originY={(size + padding) / 2}>
             {backgroundColor && (
               <Path
                 d={backgroundPath}