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

#showdev #reactnative #npm

react-native-animated-timer ⏰

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}

/>`