Sign in Go Pro

Advanced React Native

Animation with Animated

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson
Autoplay

Up next

Previous

About

The Animated library in React Native is a fully featured animation library, and has many settings and options for animating view.

We'll use the Animated library to animate the todo items before they are deleted.

Summary of Content:

  • Create a new Animated Value to use to animate the todo item component
  • Wrap the todo item with Animated.View, which can take the animated values in styles
  • Interpolate the animated value to produce new values for opacity, left, and height
  • Trigger the animation by calling the start function on the Animated timing function

Resources:

https://facebook.github.io/react-native/docs/animated.html

Instructor

Links

Comments

There are no comments on this lesson, start the conversation below ...

>
You need to go PRO to post comments.

Lessons in Advanced React Native