/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 vote199 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
32 votes185 views2 answers
Npm react router dom@5
Javascript React
1 vote171 views3 answers
React redux how to change object value in reducer
Javascript React
-1 vote186 views1 answer
How to insert divider in react native
Javascript React
0 vote191 views2 answers
React how to change localhost url
Javascript React
-1 vote238 views5 answers
Context Api in react
Javascript React
0 vote196 views1 answer
How to reset count in react
Javascript React
0 vote188 views1 answer
React inlinle style set background image
Javascript React
9 votes188 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
0 vote135 views1 answer
React native bootstrap
Javascript React