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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.