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 --save
Props
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
; const Example = { return <CircularTimer />;};