CODEWITHSUNDEEP
javascriptreactjsreact-native
AlkanV
AlkanV

Reputation: 501

How to create a fadeIn Chain Animation using React Native

I have a side menu, when its opened it's children components needs to be fadeIn respectively I have build simple animation with FadeIn but it effects all the child components at the same time.but i need them to be fadedin respectively. i.e lets say we have 5 child components, from top to bottom, they need to be faded in respectively.

Here you can look at what i am trying to do: http://www.giphy.com/gifs/TGXhaGc7D1W3bqHXS8

Here you can look at what i have accomplished so far: http://www.giphy.com/gifs/YR2YU7sNvvTpKp8I64

any help will be appreciated, thanks.

Upvotes: 2

Views: 107

Answers (1)

AlkanV
AlkanV

Reputation: 501

UPDATE For those who came here for answer:

In my situation, all i want is apply same animation for different components with a delay, so i created Animated.MyComponent and give it a delay prop, on my screen when i finished the first animation, i updated the delay prop with respect to the previous one's finished time.

Upvotes: 1

Related Questions