Hands-On Design Patterns with React Native

Designers navigation patterns

Before we dive into the world of libraries, I would like to show you different ways of designing navigation in your application. Usually, this is work for the project's designer; however, once you understand the trade-offs, it will be easier to add a code pattern layer on top of it.

The mobile app consists of screens and transitions. Altogether, these can be represented by the following diagram:

This is an example diagram representing the screens of a tasks application

The main takeaways from the preceding diagram are as follows:

• Each app consists of top-level screens (Homepage, Projects, and Search)
• From top-level ...