July 20th, 2022
Animated Progress Bar with Reanimated 2
This tutorial is an introduction to using Reanimated 2 to add animations to your React Native app. In it we'll build an animated progress bar for a game of Match the Pairs.
Read this article →
Topic: "Animations" - React Native School
October 29th, 2021
React Native Animation Using Reanimated 2
Learn how to create some amazing animations in React-Native with Reanimated 2.
Read this article →
April 21st, 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.
Read this article →
January 26th, 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.
Read this article →
October 23rd, 2019
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!
Read this article →
February 20th, 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.
Read this article →
September 12th, 2018
Animated Image Overlay in React Native
Build an Instagram style animated heart when liking a picture
Read this article →
May 21st, 2018
React Native Animated Answer Bar
A multi-part series teaching you how to create an animated answer bar in React Native.
Read this article →
March 13th, 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.
Read this article →
June 7th, 2017
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…
Read this article →
January 4th, 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…
Read this article →