How to create a React Native animated Clock with Animated API in Expo
In this video tutorial we'll learn how to create a minimalist Clock UI and how to animate it using React Native Animated API. We'll be using day.js library to get the timestamp, Animated.timing to animate the seconds, minutes, hours and Animated.stagger to animated the initial render of the Clock.
The tutorial timeline:
0:47 - the 2 minutes timelapse of the tutorial (10x speed)
2:46 - starting the tutorial at normal speed and create the UI
8:25 - starting animating the clock
14:42 - scale in elements using Animated.stagger
----
👉Join Discord: / discord .
Want to support me?
Patreon: / catalinmiron
BuyMeACoffee: https://www.buymeacoffee.com/catalinm...
Paypal: https://paypal.me/catalinmiron
----
You can find me on:
Github: http://github.com/catalinmiron
Twitter: / mironcatalin
Website: http://batman.codes
#reactnative #clock #animation