React Native Navigation (V2) by Wix — Getting Started

A first look at building React Native apps with React Native Navigation.

To view the final code for this project, click here.

Wix recently released a stable version 2 of their React Native Navigation library.

React Native Navigation is a native navigation implementation, not a JavaScript based implementation. This means that the library will typically be more performant & have smoother interactions & screen transitions than some other solutions that are not native implementations.

Version 2 or React Native Navigation is a rewrite of the library, addressing some issues that arose from the initial release.

In this tutorial, we’ll show how to build a real-world authentication flow, simulating authentication state using AsyncStorage that can be replaced with whatever authentication provider you choose.

The value we get out of using an authentication flow as a demo is that we’ll get to look at a fairly large surface of the React Native Navigation API, working with both stack & tab based navigation, & will also be seeing how to solve an actual problem when building out an application: structuring the navigation for user authentication considerations.

How the flow will work: