DEV Community

Dali Salvador
Dali Salvador

Posted on

A simple animated timer implementing react-native-reanimated and react-native-svg libraries.

react-native-animated-timer ⏰

A simple animated timer implementing react-native-reanimated and react-native-svg libraries.

1
2
3
4

Usage

`import {Timer} from  'react-native-animated-timer';

<Timer
radius={350}
time={10000}
checkPoints={[{time: 1210.23, callback: () => alert('First Check Point')},
{time: 5310, callback: () => alert('Second Check Point')}]}
backgrounds={['blue', 'red', 'http://myimage.com/img1.png']}
showTime={true}
onTimeFinished={() => alert('AnimatedTimer has finished')}
loop={true}
pause={pauseFlag}
textStyle={{
color: 'red',
fontWeight: 'bold',
}}
showMilli={2}
/>`

Enter fullscreen mode Exit fullscreen mode




Full Documenation

https://github.com/dalisalvador/react-native-animated-timer

Top comments (0)