/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 vote131 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
0 vote154 views1 answer
Render object id in an array reactjs from database
Javascript React
1 vote123 views1 answer
Document not intialized react js
Javascript React
0 vote152 views2 answers
React native use route params
Javascript React
0 vote158 views1 answer
Custom login with facebook button react native
Javascript React
2 votes130 views2 answers
Capture enter button react input
Javascript React
0 vote137 views1 answer
React native better camera
Javascript React
1 vote141 views1 answer
Import json file in react native
Javascript React
1 vote125 views1 answer
Concatenating variables and strings in React
Javascript React
1 vote130 views3 answers
Window.innerHeight react js
Javascript React