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

Building the basic Onboarding experience

Before we dazzle our users with lots of animations, let's focus on leveraging what we've learned so far to build a basic onboarding experience. The view will have four onboarding panels, followed by a completion state. Each of the four panels will have its own message, a placeholder image (in lieu of final product photos), and a unique background color. At a high level, we'll create a root Onboarding component that manages transitioning between the different states. Additionally, we'll build a few supporting Onboarding components, and two buttons for navigating us forward and backward through the onboarding experience. Lastly, we'll create an onboarding configuration to house all the information about each ...

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