28

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

Fazle Rabbi Ador
  • 759
  • 1
  • 7
  • 19

6 Answers6

39

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

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

Fazle Rabbi Ador
  • 759
  • 1
  • 7
  • 19
16

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

M_droid
  • 2,447
  • 2
  • 25
  • 35
  • Thanks! Do you have any ideas why these dependencies aren't automatically managed by NPM/yarn? – ULazdins Feb 21 '21 at 18:24
  • 1
    Check out the [readme](https://github.com/software-mansion/react-native-screens#react-native-screens) of react-native-screen. There it is very well described. – M_droid Feb 23 '21 at 12:17
4

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

AMAL MOHAN N
  • 1,416
  • 2
  • 14
  • 26
1
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.

Muhammad
  • 2,572
  • 4
  • 24
  • 46
1

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.

dinidu
  • 230
  • 2
  • 7
  • Did you find a thread on a github or something like that, where this is explained ? – Guillaume May 28 '20 at 07:54
  • As I can remember a few members of our team face this issue. When we use the new IOS version this issue went away. I can't remember where we found the solution. Sorry. – dinidu May 29 '20 at 10:06
0

  • 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
Codemaker2015
  • 12,190
  • 6
  • 97
  • 81