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 />;
};