Dimensions.addEventListener is not a function

[louisiscoding]

Current Behavior

When i'm trying to use react-navigation in my project.
I'm having :

_reactNative.Dimensions.addEventListener is not a function

withOrientation.componentDidMount
with.Orientation.js:37:17

It worked until really recently when i tried to remove my node_modules and install them again.

Your Environment

software	version
react-navigation	"^1.0.0-beta.13",
react-native	"0.42.x"
node	v8.3.0
npm or yarn	4.6.1

[spencercarli]

Can you ensure you're using the latest release? 1.0.0-beta.15

[kelset]

tbh you are almost 8 versions of react native behind, and probably some of the other libraries/nested dependencies have been updated to be compliant to newer versions.

That said, why do you think it's related to react-navigation? Can you post the complete error log?

[louisiscoding]

Still not working with "react-navigation": "^1.0.0-beta.15"
And for compatibility issue, i'm stuck with react 0.42.x

[louisiscoding]

This is the 2 errors i have in the console of the React Native Debugger

ExceptionsManager.js:63 _reactNative.Dimensions.addEventListener is not a function
   handleException @ ExceptionsManager.js:63
   handleError @ InitializeCore.js:114
   reportFatalError @ error-guard.js:44
   guard @ MessageQueue.js:48
   callFunctionReturnFlushedQueue @ MessageQueue.js:107
   (anonymous) @ debuggerWorker.js:71
Unhandled JS Exception: _reactNative.Dimensions.addEventListener is not a function
   reactConsoleErrorHandler @ ExceptionsManager.js:71
   console.error @ YellowBox.js:62
   logIfNoNativeHook @ RCTLog.js:38
   __callFunction @ MessageQueue.js:242
   (anonymous) @ MessageQueue.js:108
   guard @ MessageQueue.js:46
   callFunctionReturnFlushedQueue @ MessageQueue.js:107
   (anonymous) @ debuggerWorker.js:71

[louisiscoding]

@kelset As i said, It was working before. I've just got this issue since in reinstalled my dependencies

[kelset]

I've just got this issue since in reinstalled my dependencies

Then it's 100% related to some nested dependency of any of the libraries you are using in your project. So I don't understand why it should be react-navigation causing the issue (moreover, as you said, it was working before).

Unluckly in the react-native world you have to keep up with newer versions of the all the libraries you are using because even the main library is still in beta. So tbh you have no choice but to update to newer versions.

[Rhysjc]

I'm experiencing this today after adding react-navigation version 1.0.0-beta.15 to my project.

[kelset]

I don't know what you are trying to obtain @LouisJS by opening a clone issue (#2830).

Unless:

1. you can provide a reliable test project that reproduces the issue
2. you have definitive proof that it's caused by react-navigation - since the error log you posted states that it's caused by react-native

I won't re-open this issue. Again, you are using a really old version of the react-native, you should update.

I'm also having this issue today. My RN version is 0.42.0, node v8.1.2, npm v4.6.1 and react-navigation v1.0.0-beta.11.
I'm using a TabNavigator that when removed the error doesn't show. This can be a react-native issue since it refers to Dimensions but this only occurred when I did a fresh npm install.
Found an issue related to this on RN, facebook/react-native#10635.
I get that error when running with Debug remote activated.

Was able to fix this by updating a react-navigation dependency, react-native-tab-view to version 0.0.67.
Hope this helps.

[swl367]

Our team had the issue with react-navigation v1.0.0-beta.15. Downgrading to .11 resolved the issue.

[yusisi]

I have the same issue eith both react-navigation v1.0.0-beta.15 and .11