/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 vote187 views1 answer
ReactRender
Javascript React
0 vote255 views1 answer
React implicit return
Javascript React
0 vote204 views2 answers
Undo npm run eject react
Javascript React
0 vote201 views1 answer
React native dynamic style
Javascript React
0 vote183 views1 answer
Load all icon from a folder in react
Javascript React
0 vote191 views1 answer
Nextjs react native web typescript
Javascript React
1 vote192 views1 answer
Add a text on last object map reactjs
Javascript React
1 vote222 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
0 vote216 views1 answer
Nested navigation react native
Javascript React
2 votes184 views1 answer
React promises
Javascript React