React Native FlatList Animations

My head: FlatList "why are you so handsome?" :v ♥️♥️

Oh le bon accent fr

How do you make it scroll horizontally?

Thank you. keep up your good work

where is the first lesson for animations is there any zero to hero playlist

why did you use Animated from React instead of reanimated?

Super 👌👌👌👌

calvo

you don't provide starter files to follow through the tutorial so in my case I couldn't follow through, I tried to run your source code but is filled with errors in my text editor and versioning problems

Amazing

Nice, but I guess it only works of you have a fixed card height.

hello Sir. There is one problem with animations. if I have a list of dynamic items it depends on paggination, then the animation is not good.Initially it's working fine but after some item it somewhat lower than the top. experience some blank space on the top of the screen.

what is your brain made of? just wow!

what to use as an interface y and index in javascript ?

hello sir, i have two doubts , ,instead of typescript i am using js, and since u have used in walletCard.tsx -> y as Animated.Value in interface and i have taken the y state as props from wallet.tsx -> like this -> const[y, setY ] =useState(new Animated.Value(0)); and using this as as prop in walletCardd.tsx and the other doubt is : how i should used the interface 'index: number' in my interpolate -> inputRange: [0, 0.00001 + index * CARD_HEIGHT], i have taken 'index' as prop from previous component. Please help me

Hi Wonderful Video. Is there a .js version of this ? Or must it be .tsx

really love your accent :) , Do you speak the Romansh too ?

Because of COVID johnny also started working from home

Intéressant le tuto français ça ce vois a l'accent ? 😊

Can you update and explain the same animation for a two column flat list ?

Hello, I need a flat list with optimization for the contact list. could you create a video for this? I didn't find a single thing on this. I have tried all the given solutions on the internet and perform all the optimization.

Hello, I need a flat list with optimization for the contact list. could you create a video for this? I didn't find a single thing on this. I have tried all the given solutions on the internet and perform all the optimization.

Mon ami peux-tu encourager un de tes confrères de faire casiment le meme travail que toi, mais avec Flutter.

Nice tutorial mate, and please tell us which them you're using for VsCode, that's a delicious purple color theme. I want the same.

Really cool and fun to watch video. It's a great animation to copy. Thank you !!

Awesome!

Nice video! You have a french accent, isn’t it?

Stp parle en français c'est mieux wallah

One more student.

WOW THANKS ♥

Cool video! I also make lessons about React Native, I will be glad to new subscribers :)

really cool !!! Thank you

I love ur commentary but it lacks explanation.

simply awesome !!

Will there be a new series of these videos or more examples, but with Reanimated 2?

there is a tutorial of how use expo, im trying to follow the tutorials with the boilerplates pero doesnt work, thanks a lot for this.

The content on this channel is pure gold!!
The only thing though is that you don't give a clear explanation on why every decision was made and what each value actually means.

But then it's not on you to explain every concept, that's were being an autodidact comes handy.

Either way, love the content

Vous avez une accent française 😄

You are just amazing ❤️❤️❤️❤️

Great video, thank you!

Tu peux le faire en français pour moi haha l'accent ta trompé !

Just wanted to hop back in and say thanks. I was just watching this video the other week, and today, I ran into a situation where I had to add a static element to my scrollview and I suddenly remembered your neat little trick of 'cancelling out' the translation during scroll. Worked like a charm, in less than a minute. Absolute lifesaver trick I would never, ever have come up with if it wasn't for your video. Keep 'm coming!

If anyone is following along to add this to their own project, a good way to get the exact height of your element is to use the onLayout props, which will automatically calculate the height of your component.

const [itemHeight, setItemHeight] = useState(0);

const onLayout = (e) => {
setItemHeight(e.nativeEvent.layout.height);
};

<View onLayout={onLayout}>
...content
</View>

You don't put the same code in GitHub . Sad

Excellent tutorial, thank you! Also love your accent haha, you sound more French than Swiss to me but I'm Australian so am hardly qualified to tell the difference. :p

if the Flatlist is horizontal we can simply change y to x?

Hey! Noob question. But how would I go about navigating to another screen when clicking a card. My idea is to have different navigation pages for each card

im trying to do this with a horizintal flatlist but things got missed up can anyone help ?