/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 vote192 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
1 vote150 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
7 votes151 views4 answers
React history push search params
Javascript React
1 vote147 views1 answer
Input type email react js-validation
Javascript React
0 vote183 views1 answer
Find in array and return true or false react js
Javascript React
0 vote170 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
0 vote160 views1 answer
Node closes once you open app react-native
Javascript React
0 vote155 views1 answer
Chromepicker react-color not working
Javascript React
0 vote157 views1 answer
React native controlling device brightness
Javascript React
3 votes183 views1 answer
React hooks send data from child to parent
Javascript React