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 ...

Get Mastering React Native now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.