react-native-circle-svg-timer

Circular Timer component for React Native based on react-native-svg

Usage no npm install needed!

<script type="module">
  import reactNativeCircleSvgTimer from 'https://cdn.skypack.dev/react-native-circle-svg-timer';
</script>

Circular Timer component for React Native based on react-native-svg

npm i react-native-circle-svg-timer --save

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"`

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

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