Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Real World React Native Animations

via egghead.io

Overview

In this course we'll explore how to create many popular animated concepts in applications across web and mobile applications. We'll look at both simple, complex, and subtle interactions that you can use to enhance your React Native application.
This course should empower you to look at an animation in an application, break down the effect, and rebuild it in your own application.
The ultimate goal is to show how using the basic Animated calls we can build out effective and complex animations that take your application to the next level.

Syllabus

  • Create a Horizontal Parallax ScrollView in React Native
  • Animate a React Native Information Callout View
  • Bounce a Heart Shaped Button in React Native on Press
  • Create An Exploding Heart Button in React Native
  • Build an Animated Floating Action Button in React Native with Springy Menu
  • Use React Native to Animate a Swipe Away Comment Modal
  • Create a Tap to Show Love React Native Animation
  • Toggle Hidden Details on a React Native Event Card
  • Build a Collapsible React Native Header Bar
  • Create an Expanding Notify Input with Success Message in React Native

Taught by

Jason Brown

Reviews

4.5 rating at egghead.io based on 32 ratings

Start your review of Real World React Native Animations

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.