🔥 In this video tutorial you’ll learn how to create a Countdown timer in React Native using FlatList and Animated API (Animated.parallel and Animated.sequence) from React Native.

We’ll go through:

• How to create and animate a FlatList items for timer picker
• How to create a custom timer picker
• How to get the active slide index and change the duration of the animation
• How to use Animated API - Animated.parallel
• How to use Animated.API - Animated.sequence
• How to update a Text based on animated value using TextInput and setNativeProps

---

⚠️ Access full source code: https://www.patreon.com/bePatron?u=20582060

Starter code: https://gist.github.com/catalinmiron/341457332b8962fbc1cbb39f978a3882

👉👉 Have any questions? Join Discord: https://discord.gg/vg7hUDU.

Inspiration: https://dribbble.com/shots/2343572-Countdown-timer/

Want to support me?

• Patreon: https://patreon.com/catalinmiron
• BuyMeACoffee: https://www.buymeacoffee.com/catalinmiron
• Paypal: https://paypal.me/catalinmiron

---

You can find me on:

• Github: http://github.com/catalinmiron
• Twitter: http://twitter.com/mironcatalin
• Website: http://batman.codes

---

Timeline:
TBD

#react-native-countdown #react-native-timer #react-native-countdown-timer #react-native-animated-parallel #react-native-animated-sequence #react-native-animated-api #react-native-advanced-animations #react-native-60-fps #react-native-ui

#animated api #flatlist #react native #react