How to Create Delays in between Animations in React Native

In the previous blog post, we went through how the multiple animations are managed using methods such as parallel() and sequence(). Now, let’s discuss how to add delays in between animations in react native. When you are composing animations with sequence() and stagger() you can use Animated.delay() method to begin animations after a delay. Let’s…

How to Manage Multiple Animations in React Native

This is the eighth part of react native animation tutorial series. In this blog post, let’s see how to manage multiple animations in react native. There are three Animated methods for this sequence(), parallel(), and stagger(). The sequence() method accepts an array of multiple animations and runs them one after another, ie sequentially. Following is…

How to Create Looping Animations in React Native

In the previous blog post about animation, we discussed how to create spring animation in react native, and now, let’s see how to create animations that loop over how many iterations we define. In order to create looping animations in react native, we should use Animated.loop() method. Wrap your Animations within Animated.loop() and the animations…

How to Create Spring Animation in React Native

This is the fourth part of the react native animation tutorial series. I have already posted about fading animations, scaling animations, and moving animations. In this blog post, let’s discuss how to add a spring animation effect in react native. By spring animation what I mean is an animating movement that follows spring animation. In…

How to Create Scaling Animations in React Native

This blog post is the second part of the recently started react native animation series. We already went through fade animations in react native and now let’s check out how to create scaling animations in react native. Scaling can be done in three ways: scaling through the x-axis, scaling through the y-axis, and scaling through…

How to Create Fade Animations in React Native

When I started learning react native, I didn’t consider learning animations. I was unaware of the importance of animations in mobile app development. Only later I realized without animations my apps are just rigid. To create a visually appealing mobile app you must wisely implement animations. Animations make the user interface butter smooth or make…