1.0.1 • Published 3 years ago
circular-progress-rn v1.0.1
circular-progress-rn
Circular progress bar for react native
Installation
npm i react-native-svg
npm i circular-progress-rnUsage
import CircularProgress from 'circular-progress-rn';
// ...
<CircularProgress progress={50} />;Props
| Property | Type | Default | Description |
|---|---|---|---|
| style | style | null | The style of external container. |
| radius | number | 100 | The radius of circle. |
| strokeWidth | number | 10 | The stoke width of circle. |
| strokeLinecap | Linecap | null | Shape of both ends. |
| backgroundTrackColor | string | '#d8d8d8' | Color of the background track. |
| trackColor | string | '#fff' | Color of progress bar. |
| progress | number | null | 0-100 |
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
Made with create-react-native-library