/Javascript/React/All react navigation packages

All react navigation packages

If you're using React Navigation v4 or higher, everything works as shown in this module but there is one important difference: You need to install the different navigators which we'll use in this module (StackNavigator, DrawerNavigator, TabsNavigator) separately.

So when we use the StackNavigator (= next lecture), run

npm install --save react-navigation-stack
before you start using it (with v3 and lower, it was part of react-navigation itself).

Also add this import in the file where you are using createStackNavigator:

import { createStackNavigator } from 'react-navigation-stack';
Same for TabsNavigator (used a little bit later in this module):

npm install --save react-navigation-tabs
import { createBottomTabNavigator } from 'react-navigation-tabs';
And also for DrawerNavigator (also used later in this module):

npm install --save react-navigation-drawer
import { createDrawerNavigator } from 'react-navigation-drawer';

Similar codes

0 vote122 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
1 vote115 views1 answer
React place div at center of page
Javascript React
5 votes129 views6 answers
Box shadow in react native
Javascript React
1 vote100 views1 answer
Import library react js
Javascript React
0 vote116 views1 answer
Find 401 error and logout axios in react
Javascript React
0 vote147 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
8 votes120 views2 answers
Install material icons for react
Javascript React
0 vote114 views1 answer
Async wait for axios reactjs
Javascript React
0 vote102 views1 answer
React redux stack overflow
Javascript React
0 vote135 views1 answer
Pause console debugger in react
Javascript React