react-countdown-circle-timer
react-countdown-circle-timer copied to clipboard
Lightweight React/React Native countdown timer component with color and progress animation based on SVG
1. Create a new project via RN CLI 2. Run `yarn add yarn add react-native-countdown-circle-timer react-native-svg` ``` "dependencies": { "react": "18.0.0", "react-native": "0.69.0", "react-native-countdown-circle-timer": "^3.0.9", "react-native-svg": "^12.4.3" }, ``` https://user-images.githubusercontent.com/17424486/182821642-ebe6ced9-6c35-427f-a4b5-4a3edcd0a752.mp4...
```JSX {({ remainingTime }) => {remainingTime}} setCountdownDuration(18)} title={'Reset duration'} /> ``` After first time `duration end` the onComplete fire perfect, but when I click `Reset duration` the `onComplete` event always...
Hi, thank you for creating this package. I had a use case where I needed the progress path to grow instead of shrink. So I thought you might appreciate the...
Hello ! I actually use CountdownCircleTimer with a useTimer hook that calculates based on a usualTime value given by the user, the amount of time left before this usualTime. The...
Hello, I am using your Countdown Circle Timer, It is working fine. I want to know that how Do I slow down the rotation speed? like if I used 60...
Hi, I have an app that uses this timer component, and it works completely well with Expo Go. But when I build and install an apk on my phone and...
Hi thank you for creating this package. I need timer with this logic from start it can apply some duration which is the task duration, ex. 100 seconds after 100...
These props work perfectly on the CountdownTimerCircle component, and as a workaround, what I'm trying to achieve can be done by using the component with display: 'none' style. However, it...
With the new version of the library I got this error when the countdown starts. Error while updating property 'strokeDasharray' of a view managed by: RNSVGPath. java.lang.Double cannot be cast...