File tree Expand file tree Collapse file tree 1 file changed +27
-1
lines changed
Expand file tree Collapse file tree 1 file changed +27
-1
lines changed Original file line number Diff line number Diff line change 22
33A circular progress chart using react-native-svg
44
5- ![ sample <>] ( https://github.com/stssoftware/react-native-svg-circular-progress/blob/master/Sample.png " Sample ")
5+ ![ sample <>] ( https://github.com/stssoftware/react-native-svg-circular-progress/blob/master/Sample.png " Sample ")
6+
7+ ## Installation
8+ ````
9+ npm install react-native-svg react-native-svg-circular-progress --save
10+ ````
11+
12+ ## Usage
13+ ````
14+ import {CircularProgress} from 'react-native-svg-circular-progress'
15+
16+ const App = () => {
17+ const percentage = 40
18+ return <View>
19+ <CircularProgress percentage={percentage}>
20+ <View>
21+ <Text>{percentage}%</Text>
22+ </View>
23+ </CircularProgress>
24+ </View>
25+ }
26+ ````
27+
28+ ## Props
29+ * percentage (default: 80)
30+ * blankColor (default: "#eaeaea")
31+ * donutColor (default: "#43cdcf")
You can’t perform that action at this time.
0 commit comments