O'Reilly logo

Mastering React Native by Jacob Friedmann, Eric Masiello

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

Adding LayoutAnimation

With our basic onboarding experience built, let's explore React Native's LayoutAnimation API to apply some simple transitions as you navigate from onboarding screen to onboarding screen.

LayoutAnimation is a highly performant animation API for animating the entirety of a component and its children whenever the animated component is created or its state is updated. LayoutAnimation executes the animation upon the next render cycle, animating the component from its current state to its next state. Two common ways of utilizing LayoutAnimation are right before calling setState or inside the componentWillReceiveProps method. Before triggering the next render cycle, you simply need to call LayoutAnimation.configureNext, passing ...

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