React Native Countdown Timer Animation with FlatList and Animated API

preview_player
Показать описание

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 update a Text based on animated value using TextInput and setNativeProps

----
----

Want to support me?

----

You can find me on:

---

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
Рекомендации по теме
Комментарии
Автор

The TextInput trick is really useful since useState don’t really work with animation that well, solved one of my problem thank you

oliver
Автор

As always, masterpiece .. Your "My way of doing" thing is totally the best .. Please don't stop uploading videos, keep us animated with your knowledge 😍❤️

sujatagunale
Автор

You are a Wonderful React Native Tutor on YouTube....Thank you so much :)

tusharraj
Автор

Hello from another romanian guy and thanks for this video. Studying React Native for my job at the moment.

TheCodingOdyssey
Автор

Dude, you are just amazing. I watched your tutorial like a addictive TV series. Great job, keep up the good work and thanks a lot.

PlaysMaker
Автор

Hi Miron, can you make a fundamental and basic tutorial for Animated API? or Animated API from react-native-reanimated? such as making timing function, spring etc...
I really need those tutorial since the react-native-reanimated documentation seems too advance for me :D
I like your tutorial because you're using JS and your english pronounciation are easier to understand, bcs im not a native english XD

artmosphereID
Автор

I saw your tweet, who's the person who hates you ? we need to blame them, because you're the best 😎

dibayuin
Автор

I do enjoy it. very well... Please make more animated tuts

ariyaman
Автор

Thank you very much! I will try to use in my project

joaoperin
Автор

Thanks, I will help me a lot for resolving text value animation

ImVuCms
Автор

Thank You Catalin, It's a very awesome tutorial I learned a lot, keep going as usual 🔥🔥🔥

anastely
Автор

You are doing too much good ✌️🔥🔥
i wanted to learn pan responder so of you can please make few videos for this topic may be it can help 💯

tusharkhetariya
Автор

Thank a lot, by the way is it possible make camera filters which is kind of beauty filter before take a photo like default. For example the app called B612 or SNOW?
Really want to learn how to build this up!

상준상
Автор

Wooow that was very good I'm really enjoyed

zabipakdel
Автор

I tried each and every step but there was a problem in inputtext padding it was not actually overlapping with the flatlist value so i have given marginTop:-10 explicitly.
Rest worked great.
Thanks for the tutorial.. :) :)

Eddysapata
Автор

Could you do bottom sheet using animated??? Your videos are awesome

spmobile
Автор

it's very very very,
thanks catalin

ahmadmajde
Автор

great content like always man thank you for your time and effort 👏👏💯💯💯💯

bedirhanaygul
Автор

Pls create a music app with ylight music 👌

gururajmoger
Автор

I'm a beginner. this is not beginner-friendly. bcoz u are starting somewhere. please try to make a full tutorial. time doesn't matter. and change your font style it will improve your channel. thank you

jupunsupun