Hands-On Design Patterns with React Native

Navigating on the same level of the graph

In more complex apps, aside from the top-level navigation, you will also need to horizontally transition between different screens that are on the same depth.

To transition between screens on the same level, you can use the following:

• Tabs, similar to that discussed in the top-level navigation section
• Screen swipes (literally swiping between screens)
• Swiping in a container (for instance, to see either task description, connected tasks or task, comments) can be connected with tabs
• Left or right arrows, or dots indicating your position within the level

Similarly, you can use these for collections of data too. Collections of data, however, provide more freedom to use lists or less constrained containers ...