O'Reilly logo

React Native Cookbook by Crysfel Villa, Stan Bershadskiy

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 3. Animating the User Interface

In this chapter, we will cover the following recipes:

  • Simple animations
  • Running several animations at the same time
  • Animating notifications
  • Expanding and collapsing containers
  • Loading animation
  • Removing items from a list component
  • Creating a Facebook reactions widget
  • Displaying images in full screen

Introduction

In order to provide a good user experience, we definitely need to add some animations to call the user's attention, to go from one screen to the other, to highlight specific actions, or just to add a distinctive touch to our product.

Compared with hybrid apps using PhoneGap, animations in React Native are very fluid. We can animate many elements at the same time and we will get nice and fluid movements.

There's ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required