/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 vote287 views1 answer
Drawer navigation set width react native
Javascript React
1 vote292 views1 answer
On_raw_reaction_add example
Javascript React
0 vote316 views1 answer
React native carriage return
Javascript React
64 votes285 views4 answers
How to install react-router-dom in react js
Javascript React
0 vote296 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
108 votes358 views2 answers
React start new app
Javascript React
0 vote328 views1 answer
Remove react native cli mac
Javascript React
11 votes313 views3 answers
Add condition inside a className in reactjs
Javascript React
4 votes332 views1 answer
External site links in react Link
Javascript React
1 vote316 views1 answer
Webpack-bundle-analyzer react
Javascript React