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

import CircularTimer from 'react-native-circular-timer';

export const Example = props => {
  return <CircularTimer />;
};