Error: Unable to resolve module ` react-native-screens` from `node_modules/react-navigation-tabs/src/navigators/createBottomTabNavigator.js`

Question

Current Behavior

• After executing app is not installing reporting

bundling failed: Error: Unable to resolve module `
react-native-screens` from `node_modules/react-navigation-tabs/src/navigators/createBottomTabNavigator.js`: react-native-screens could not be found within the project.

Your Environment

| software | version |

| react-navigation | 3.11.1

| react-native | 0.61.2

| node | 12.13.0

Answer 1

• Delete the node_modules folder

• Execute the following command in the terminal

  npm install react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
  

• Install all remaining packages

  npm install
  

Answer 2

this worked for me npm start -- --reset-cache

Answer 3

If you are using react-navigation in your bare react-native project do not forget to also install the following required dependencies:

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

...or with expo

expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

Answer 4

If this issue comes with ios simulator it can be because of IOS version of the simulator. This happens when using the ios version below than ios 11. Try using ios 11 version or later version in the simulator.

Answer 5

react-navigation-tabs@2.7.0" has unmet peer dependency "react-native-screens@^1.0.0 || ^1.0.0-alpha".

You have too install it manually.

Answer 6

well i have solved this by reinstalling / updating these packages.

npm install --save react-native-gesture-handler react-native-reanimated react-native-screens