Photo by Alejandro Luengo on Unsplash

If you want to start completely from scratch, here’s a link to Part 1 where we used LayoutAnimation to animate the repositioning of a single element on screen.

In Part 2 we discussed the Animated API, interpolating values, and looping animations.

How about we wrap things up?

The last thing we’re going to cover in this series is animating an element on the screen based on a user’s gesture input. You may not think of this as an “animation” immediately, but the element isn’t just going to move itself.

To do this we’re going to put to use what React…


Photo by Christophe Hautier on Unsplash

If you want to start completely from scratch, here’s a link to Part 1 where we used LayoutAnimation to animate the repositioning of a single element on screen.

Let’s just jump right back into it.

In this article we are going to move away from using LayoutAnimation which is a great tool for things like repositioning elements in lists that are being updated, hiding/revealing a menu, etc, but what if you want a bit more granularity in your animations? Well that’s where React Native’s Animated API comes in handy.

Let’s take Jake from the last article, but lets decide we want him to rotate in place, and…


https://makezine.com/2015/05/19/3d-printed-zoetrope-animates-famous-baroque-painting/

When I first got into writing apps in React Native, I had visions of modern and dynamic layouts with awesome animations. Sometimes, however, you get so fixated in making the dang thing work the way you want to you just never get around to figuring out how to get the proverbial animated icing on the cake.

In this series I will introduce the basic concepts I’ve picked up on how to get your App moving in the ways you want to as quickly as possible.

Caveat: This article assumes you know the basics of react / react-native and have the…

Shane Boyar

Shane is a software engineer, home-brewer, bread baker, and writer living in Richmond, VA. Currently writing code @ RTSLabs

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store