/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 vote381 views1 answer
React-template-helper
Javascript React
0 vote356 views1 answer
Metro server not running react native
Javascript React
0 vote359 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
91 votes435 views7 answers
React-router-dom
Javascript React
2 votes359 views1 answer
View background image in react native
Javascript React
0 vote397 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
28 votes367 views6 answers
React proptypes
Javascript React
1 vote346 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
0 vote387 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
0 vote391 views1 answer
React native getting older version assets
Javascript React