/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 vote403 views1 answer
Retour a la ligne <p> react
Javascript React
0 vote384 views1 answer
Change candle color react highcharts
Javascript React
15 votes359 views2 answers
React native location
Javascript React
0 vote385 views1 answer
Async wait for axios reactjs
Javascript React
0 vote369 views1 answer
React route send informaion in url
Javascript React
0 vote390 views1 answer
React-native firebase v9+ config
Javascript React
0 vote378 views1 answer
Close button react
Javascript React
0 vote387 views1 answer
How to remove the top border from table react bootstrap
Javascript React
0 vote420 views1 answer
How to reload webview in react native
Javascript React
0 vote391 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React