Merge pull request #47 from nithinpp69/develop

docs: update readme to include the updated props name
nithinpp69 · Apr 1, 2022 · cb7b64f · cb7b64f
2 parents fa7263b + 97b60e3
commit cb7b64f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+###  Build: 🏠 `3.0.1` - react-native-circular-progress-indicator
+
+---
+- Updated typos in the readme. Renamed props are now updated in the readme as well.
+
 ###  Build: 🏠 `3.0.0` - react-native-circular-progress-indicator
 
 ---

diff --git a/README.md b/README.md
@@ -58,7 +58,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
   value={60}
   radius={120}
   duration={2000}
-  textColor={'#ecf0f1'}
+  progressValueColor={'#ecf0f1'}
   maxValue={200}
   title={'KM/H'}
   titleColor={'white'}
@@ -67,7 +67,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
 <CircularProgress
   value={60}
   activeStrokeWidth={12}
-  textColor={'#ecf0f1'}
+  progressValueColor={'#ecf0f1'}
 />
 
 ```
@@ -91,7 +91,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
   value={85}
   inActiveStrokeColor={'#2ecc71'}
   inActiveStrokeOpacity={0.2}
-  textColor={'#fff'}
+  progressValueColor={'#fff'}
   valueSuffix={'%'}
 />
 
@@ -109,7 +109,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
   value={90}
   inActiveStrokeColor={'#2ecc71'}
   inActiveStrokeOpacity={0.2}
-  textColor={'#fff'}
+  progressValueColor={'#fff'}
   valueSuffix={'%'}
   onAnimationComplete={() => { alert('callback') }}
 />
@@ -127,7 +127,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
  <CircularProgress
   value={60}
   radius={120}
-  textColor={'#ecf0f1'}
+  progressValueColor={'#ecf0f1'}
   activeStrokeColor={'#f39c12'}
   inActiveStrokeColor={'#9b59b6'}
   inActiveStrokeOpacity={0.5}
@@ -138,7 +138,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
 <CircularProgress
   value={60}
   radius={120}
-  textColor={'#ecf0f1'}
+  progressValueColor={'#ecf0f1'}
   activeStrokeColor={'#f39c12'}
   inActiveStrokeColor={'#9b59b6'}
   inActiveStrokeOpacity={0.5}
@@ -152,7 +152,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
   inActiveStrokeOpacity={0.5}
   activeStrokeWidth={20}
   inActiveStrokeWidth={20}
-  textStyle={{ fontWeight: '100', color: 'yellow' }}
+  progressValueStyle={{ fontWeight: '100', color: 'yellow' }}
 />
 
 ```
@@ -171,7 +171,7 @@ import CircularProgress from 'react-native-circular-progress-indicator';
   radius={120}
   maxValue={10}
   initialValue={10}
-  textColor={'#fff'}
+  progressValueColor={'#fff'}
   activeStrokeWidth={15}
   inActiveStrokeWidth={15}
   duration={10000}

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-circular-progress-indicator",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "React Native customizable circular progress indicator",
   "main": "index",
   "scripts": {