Merge pull request #1 from ccamposfuentes/master

Add custom width and background color

Author: rudyhuynh

README.md

@@ -30,3 +30,5 @@ const App = () => {
  * percentage (default: 80) 
  * blankColor (default: "#eaeaea") 
  * donutColor (default: "#43cdcf")
+ * fillColor (default: "white")
+ * progressWidth (default: 35)

src/CircularProgress.js

@@ -38,7 +38,9 @@ function generateArc(percentage){
 const CircularProgress = ({
     percentage = 40, 
     blankColor = "#eaeaea", 
-    donutColor = "#43cdcf", 
+    donutColor = "#43cdcf",
+    fillColor = "white",
+    progressWidth = 35,
     children
 }) => {
     return <View style={styles.base}>
@@ -48,7 +50,7 @@ const CircularProgress = ({
                 d={`M50 50 L50 0 ${generateArc(percentage)} Z`}
                 fill={donutColor}
             />
-            {<Circle cx="50" cy="50" r="35" fill="white"/>}
+            {<Circle cx="50" cy="50" r={progressWidth} fill={fillColor}/>}
         </Svg>
         <View style={styles.textView}>
             {children}