/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 vote44 views2 answers
Unexpected template string expression reactjs
Javascript React
6 votes48 views1 answer
React native rotate
Javascript React
16 votes46 views1 answer
DangerouslySetInnerHTML did not match error in React
Javascript React
0 vote54 views1 answer
Image and video lightbox react
Javascript React
1 vote53 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
0 vote58 views1 answer
Import batch from 'react-redux'
Javascript React
0 vote57 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote45 views1 answer
React '$' is not define
Javascript React
0 vote51 views1 answer
React native custom debounce input
Javascript React
1 vote45 views1 answer
React-native curved view
Javascript React