/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

1 vote307 views1 answer
React toggle class
Javascript React
0 vote280 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
0 vote251 views1 answer
Build function component react
Javascript React
0 vote308 views2 answers
React materialize cdn
Javascript React
4 votes290 views3 answers
Sleep in react
Javascript React
19 votes286 views6 answers
React.js
Javascript React
0 vote218 views1 answer
React state scope
Javascript React
2 votes301 views1 answer
Scoll to top on each route react
Javascript React
0 vote315 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote327 views1 answer
React router route not found redirect
Javascript React