React Native Countdown Timer Animation with FlatList and Animated API

Published: 02 December 2020
on channel: Catalin Miron

25,915

721

🔥 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=20...
----

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

👉👉 Have any questions? Join Discord:   / discord  .

Inspiration: https://dribbble.com/shots/2343572-Co...

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

---

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

On this page of the site you can watch the video online React Native Countdown Timer Animation with FlatList and Animated API with a duration of hours minute second in good quality, which was uploaded by the user Catalin Miron 02 December 2020, share the link with friends and acquaintances, this video has already been watched 25,915 times on youtube and it was liked by 721 viewers. Enjoy your viewing!