0.0.3 • Published 4 years ago
react-native-circle-svg-timer v0.0.3
react-native-circle-svg-timer
Circular Timer component for React Native based on react-native-svg
Example
Getting Started
Installation
npm i react-native-circle-svg-timer --saveProps
| parameter | type | required | description | default |
|---|---|---|---|---|
| duration | number | no | Time in seconds | 15 |
| radius | number | no | Radius of the circle | 30 |
| strokeWidth | number | no | The border width of the circle | 10 |
| strokeColor | string | no | The color of the filler border | "lightblue" |
| fillColor | string | no | The background color of circle | "transparent" |
| strokeBgColor | string | no | The color of the border's background | "grey" |
Basic Usage
import CircularTimer from 'react-native-circular-timer';
export const Example = props => {
return <CircularTimer />;
};