Exploring Topic: Animations

Tutorials

React Native Animation Using Reanimated 2

Learn how to create some amazing animations in React-Native with Reanimated 2.

October 29, 2021

How to use Reanimated 2 (a beginners guide)

In this guide we'll learn what the core building blocks of Reanimated 2 are and how ot use them.

April 21, 2021

Like Animation with Lottie

In this video we'll learn how to replace a state change for a liked/unliked stated with a lottie animation.

January 26, 2021

Improved Form Error Messages using React Native Animatable and Hooks

In this lesson we'll learn how to use the declarative and imperative APIs of react-native-animatable while also using React hooks!

October 23, 2019

Building an Animation Hook in React Native

Take a first look at how you can use React Hooks to simplify your animation logic in React Native.

February 20, 2019

Animated Image Overlay in React Native

Build an Instagram style animated heart when liking a picture

September 12, 2018

React Native Animated Answer Bar

A multi-part series teaching you how to create an animated answer bar in React Native.

May 21, 2018

Fade in an Image with React Native with the Animated API

In this video, you will learn how to gradually fade in images in React Native in order to eliminate the jarring flash associated with an image rendering. We will take a look at the Image component onLoad property and use it, in conjunction with the Animated API, to accomplish the desired user experience.

March 13, 2018

How to Animate the Items of a React Native FlatList

I was recently asked about animating items in a React Native list — specifically animating the item when added and removed. That’s what…

June 7, 2017

Playing with React Native Animations

For my first post of the year I wanted to keep it light and experiment a little bit with the React Native Animated API. We’ll create a few…

January 4, 2017