Using multiple navigators together

For more complex applications, you don't want all of your routes to be stacked on top of each other; you only want these stacks to be created for routes that are related to each other. Luckily, you can use different types of navigators next to each other with React Navigation. Using multiple navigators for the application can be done as follows:

  1. One of the most common ways of navigation in mobile applications is by using tabs; React Navigation can also create a tab navigator for you. Therefore, you'd need to pass a routing object to the createBottomTabNavigator method, which you can import from react-navigation-tabs using the following code:
import React from 'react';import { Button, StyleSheet, Text, ...

Get React Projects 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.