#26.3 Animations in React Native | Parallel, Sequence, Spring, Stagger Animation

#26.3 Animations in React Native | Parallel, Sequence, Spring, Stagger Animation


Parallel animation: Start all the array of animations at a same time. Add component ‘ParallelAnimations’ I want to do these animations in same time: rotate and scale Add ‘rotateValue’ and ‘scaleValue’ Use function ‘Animated.parallel’ to combine these animations Rotate then scale Perfect :)) Spring animation: This is a scale animation with a bounce effect. Use function ‘Animated.spring’ to do spring animation Add friction (number), the smaller value, the slower boucing effect Because of spring animation is a scale animation with a bounce effect, so pass springValue to transform->scale Work perfect πŸ˜€ Sequence animation: Start the array of animations in a sequence, one afters one. Stagger animation: Start the array of animations in a sequence, with a delay time when transition animation. THANK YOU FOR WATCHING, REMEMBER TO LIKE AND SUBSCRIBE

5 thoughts on “#26.3 Animations in React Native | Parallel, Sequence, Spring, Stagger Animation”

  1. Animations in React Native | Parallel, Sequence, Spring, Stagger Animation. Don't mind to ask any questions about this video :))

Leave a Reply

Your email address will not be published. Required fields are marked *