Hands-On Design Patterns with React Native

Navigating between different levels of the graph

Once we reach a certain level, sometimes we want to explore that particular area even further. In the case of the Tasks application, this would mean choosing a project or choosing a specific task within the project itself.

Usually, to navigate down the graph, we use the following:

• Containers, including lists, cards, image list, and image cards
• Simple buttons, text links, or icons

However, to go back up the graph, usually we use the following:

• A back icon, such as an arrow, usually positioned in the upper left corner or bottom left corner
• A button or link, with text such as back | cancel | start over
• A cross icon positioned in the relevant part of the edit/create screen

To some of you, this ...