YoVDO

Animate React Native UI Elements

Offered By: egghead.io

Tags

React Native Courses Mobile Development Courses Interpolation Courses

Course Description

Overview

In this course we will learn and demonstrate the basic concepts of the React Native Animated API. We'll use Animated calls like timing and spring to animate style properties, and learn how to combine animations to create more complex effects. We'll learn about more advanced interactions like animations with touch events, interpolation, and flip animations. The ultimate goal is to gain an understanding of how to animate React Native Views, how you can apply them to many different types of styles, and how to enhance the experience in your application.

Syllabus

  • Animate Styles of a React Native View with Animated.timing
  • Animate the Scale of a React Native Button using Animated.spring
  • Create a Draggable Card with React Native Pan Responder, and Animated.decay
  • Animate Colors with React Native Interpolate
  • Animate Rotation with React Native Interpolate
  • Animate a Sequence of React Native Animations with Animated.sequence
  • Stagger React Native Animations with Animated.stagger
  • Animate Multiple Animations at the Same Time with Animated.parallel
  • Create a Flip Card Animation with React Native

Taught by

Jason Brown

Related Courses

Creative, Serious and Playful Science of Android Apps
University of Illinois at Urbana-Champaign via Coursera
Creative Programming for Digital Media & Mobile Apps
University of London International Programmes via Coursera
Pattern-Oriented Software Architectures: Programming Mobile Services for Android Handheld Systems
Vanderbilt University via Coursera
Introduction aux réseaux cellulaires
Institut Mines-Télécom via Independent
Mobile Web Development
Google via Udacity