/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

2 votes151 views1 answer
Emmet react self closing tags
Javascript React
0 vote168 views1 answer
React router path array
Javascript React
1 vote105 views1 answer
Audio in react
Javascript React
133 votes344 views6 answers
Using bootstrap with react
Javascript React
21 votes138 views4 answers
Setinterval react
Javascript React
2 votes145 views2 answers
How to export multiple functions react from one file
Javascript React
1 vote104 views1 answer
Parent to child react state
Javascript React
0 vote147 views1 answer
React-native-dropdown-picker for form react native
Javascript React
-1 vote139 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote100 views1 answer
Rendering an array in react
Javascript React