TypeError: undefined is not an object (evaluating '_reactNavigation.ThemeColors.light') #304

alireza-bakhshifar · 2020-02-15T12:02:05Z

Hi , I built a project with ignite-Andross and now I am getting this error when I run the project

The project builds successfully and runs without any trouble on node.js server but I confront this error on the emulator , I searched this issue on the internet and everybody was suggesting upgrading react-navigation , So I upgraded react-navigation but then lots of error appeared in the CLI like react-native run-android is not a recognized command.
Can anybody help me?🤔 I need help ASAP😬

pvshum · 2020-02-18T14:21:52Z

Running into the same issue. Any updates by chance?

kaladin9017 · 2020-02-19T02:28:24Z

+1

nazrdogan · 2020-02-24T13:50:14Z

As a workaround solution change like or add missing packages to package.json.

   "@react-native-community/masked-view": "^0.1.6",
    "react-native-gesture-handler": "^1.6.0",
    "react-native-safe-area-context": "^0.7.3",
    "react-native-screens": "^2.0.0-beta.10",
    "react-navigation": "4.1.1",
    "react-navigation-stack": "^2.1.1",
    "react-navigation-tabs": "^2.7.0",

Also need to setup react-native-screens

Add the following two lines to dependencies section in android/app/build.gradle

implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

2IhsanWp · 2020-03-09T11:56:06Z

As a workaround solution change like or add missing packages to package.json.

   "@react-native-community/masked-view": "^0.1.6",
    "react-native-gesture-handler": "^1.6.0",
    "react-native-safe-area-context": "^0.7.3",
    "react-native-screens": "^2.0.0-beta.10",
    "react-navigation": "4.1.1",
    "react-navigation-stack": "^2.1.1",
    "react-navigation-tabs": "^2.7.0",

Also need to setup react-native-screens

Add the following two lines to dependencies section in android/app/build.gradle

implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

still not work

nazrdogan · 2020-03-09T12:49:20Z

@2IhsanWp what error you get now ? if its same error like before it might be caching issue. I suggest clear all caches.

2IhsanWp · 2020-03-09T13:51:20Z

@2IhsanWp what error you get now ? if its same error like before it might be caching issue. I suggest clear all caches.

yah still the same,and i did all solution you mention above

mrbrackins · 2020-03-20T07:48:26Z

+1

pjnovas · 2020-03-20T22:33:12Z

just trying ignite for the first time and I'm having the same issue

pjnovas · 2020-03-21T04:07:45Z

alright, it took me some time to figure it out but the issue is in the following paths

ignite/DevScreens/PluginExamplesScreen.js
ignite/DevScreens/PresentationScreen.js

change the line:

import { createStackNavigator, createAppContainer } from 'react-navigation'

into:

import { createAppContainer } from 'react-navigation'
import { createStackNavigator } from 'react-navigation-stack';

I did that after going through upgrading react-navigation to v4 guide so if that doesn't work try upgrading.

If you are on react-native v0.60+ (I'm on v0.61.4) just run:

npm i --save react-navigation react-navigation-stack@^1.7.3 react-navigation-tabs@^1.2.0 react-navigation-drawer@^1.4.0 react-native-reanimated react-native-screens

I was going to send a PR but I couldn't find those files in this repo, I'll look for 'em again later

akash89b · 2020-04-04T05:57:23Z

@pjnovas - on trying to run the npm command you have mentioned above, I get warnings which says deprecated.
Also, above mentioned solution does not work. Still face the same issue.

akash89b · 2020-04-04T06:00:31Z

@alireza-bakhshifar - i am also running into the same issue and not able to find any solution.
Were you able to fix it?

pjnovas · 2020-04-04T15:54:22Z

@akash89b ignore the warning, it will work just fine

mrbrackins · 2020-04-04T20:33:39Z

@pjnovas this fixed that particular error. Now seeing a "1437" error and a Invariant Violation: Module RCTEventEmitter is not a registered callable module (calling receiveTouches)

callFunctionReturnFlushedQueue
[native code]:0

HamzaTatheer · 2020-04-09T05:37:19Z

Did anyone find so solution. I get the same error

caesar3x · 2020-04-21T13:30:25Z

I made it works after changing version of react-navigation and install some more modules.

Here is my finally module list:

"@react-native-community/masked-view": "^0.1.9",
"apisauce": "^1.1.1",
"format-json": "^1.0.3",
"identity-obj-proxy": "^3.0.0",
"lodash": "^4.17.15",
"prop-types": "^15.7.2",
"querystringify": "^2.1.1",
"ramda": "^0.27.0",
"ramdasauce": "^2.1.3",
"react": "16.9.0",
"react-native": "0.61.4",
"react-native-animatable": "^1.3.3",
"react-native-config": "^0.12.0",
"react-native-device-info": "^1.6.1",
"react-native-gesture-handler": "1.3.0",
"react-native-i18n": "2.0.14",
"react-native-safe-area-context": "0.6.4",
"react-native-screens": "^2.0.0-alpha.32",
"react-native-vector-icons": "6.1.0",
"react-navigation": "4.0.10",
"react-navigation-redux-helpers": "^4.0.1",
"react-navigation-stack": "2.0.16",
"react-navigation-tabs": "^2.5.6",
"react-redux": "^7.1.3",
"redux": "^4.0.4",
"redux-persist": "^5.10.0",
"redux-saga": "^1.1.3",
"reduxsauce": "^1.1.1",
"seamless-immutable": "^7.1.4"

Hope it helps.

FlyingTigerReally · 2020-04-23T07:25:09Z

I also met, when will it be fixed?

guglie · 2020-04-26T18:00:30Z

I confirm that following this guide as suggested by @pjnovas worked

moksamedia · 2020-05-03T02:53:07Z

@guglie Thanks. Worked for me as well.

jamonholmgren · 2020-05-06T19:13:49Z

Anyone want to submit a PR?

f97-2308 · 2020-05-13T15:37:50Z

Hix, still error... It need a merge request.

chimemoo · 2020-05-15T17:06:32Z

Hello i got this error too. Whats happening?

manminder01 · 2020-06-01T06:14:48Z

i am also facing the same issue.
not sure why.

manminder01 · 2020-06-01T06:43:09Z

why using old navigations.?

ameinabdi · 2020-06-01T19:36:16Z

please update this boilerplate and dependencies @jamonholmgren

jamonholmgren · 2020-06-13T22:35:57Z

@ameinabdi This boilerplate is now on community support, which means we rely on the community to provide boilerplate updates. Thanks!

jay-jlm · 2020-06-14T16:21:28Z

@jamonholmgren , if so, then we need to update this Boilerplates.md document, right? 😉

I will see if I can submit a PR (to fix the md, not the issue).

UPDATE: PR submitted! infinitered/ignite#1556
Thank you for your support to the community. ❤️

spetushkov · 2020-07-16T12:12:34Z

Hi,

these steps helped me to run the app in iOS and Android simulators:

Install the app with minimum features (no vector icons, etc.)
Install iOS pods: cd ios && pod install && cd ../
Uninstall current react-navigation v3: npm uninstall react-navigation
Upgrade to react-navigation v4: https://github.com/react-navigation/react-navigation/releases/tag/v4.0.0
Change Java version to 8 or 9: https://stackoverflow.com/questions/21964709/how-to-set-or-change-the-default-java-jdk-version-on-os-x
Clear Gradle caches in a system and in a project: https://stackoverflow.com/questions/23025433/how-to-clear-gradle-cache
Upgrade to Gradle 6: Android - Build Failing software-mansion/react-native-screens#353 (comment)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TypeError: undefined is not an object (evaluating '_reactNavigation.ThemeColors.light') #304

TypeError: undefined is not an object (evaluating '_reactNavigation.ThemeColors.light') #304

alireza-bakhshifar commented Feb 15, 2020 •

edited

Loading

pvshum commented Feb 18, 2020

kaladin9017 commented Feb 19, 2020

nazrdogan commented Feb 24, 2020 •

edited

Loading

2IhsanWp commented Mar 9, 2020

nazrdogan commented Mar 9, 2020

2IhsanWp commented Mar 9, 2020

mrbrackins commented Mar 20, 2020

pjnovas commented Mar 20, 2020

pjnovas commented Mar 21, 2020

akash89b commented Apr 4, 2020 •

edited

Loading

akash89b commented Apr 4, 2020

pjnovas commented Apr 4, 2020 •

edited

Loading

mrbrackins commented Apr 4, 2020

HamzaTatheer commented Apr 9, 2020

caesar3x commented Apr 21, 2020

FlyingTigerReally commented Apr 23, 2020

guglie commented Apr 26, 2020

moksamedia commented May 3, 2020

jamonholmgren commented May 6, 2020

f97-2308 commented May 13, 2020

chimemoo commented May 15, 2020

manminder01 commented Jun 1, 2020

manminder01 commented Jun 1, 2020

ameinabdi commented Jun 1, 2020

jamonholmgren commented Jun 13, 2020

jay-jlm commented Jun 14, 2020 •

edited

Loading

spetushkov commented Jul 16, 2020

TypeError: undefined is not an object (evaluating '_reactNavigation.ThemeColors.light') #304

TypeError: undefined is not an object (evaluating '_reactNavigation.ThemeColors.light') #304

Comments

alireza-bakhshifar commented Feb 15, 2020 • edited Loading

pvshum commented Feb 18, 2020

kaladin9017 commented Feb 19, 2020

nazrdogan commented Feb 24, 2020 • edited Loading

2IhsanWp commented Mar 9, 2020

nazrdogan commented Mar 9, 2020

2IhsanWp commented Mar 9, 2020

mrbrackins commented Mar 20, 2020

pjnovas commented Mar 20, 2020

pjnovas commented Mar 21, 2020

akash89b commented Apr 4, 2020 • edited Loading

akash89b commented Apr 4, 2020

pjnovas commented Apr 4, 2020 • edited Loading

mrbrackins commented Apr 4, 2020

HamzaTatheer commented Apr 9, 2020

caesar3x commented Apr 21, 2020

FlyingTigerReally commented Apr 23, 2020

guglie commented Apr 26, 2020

moksamedia commented May 3, 2020

jamonholmgren commented May 6, 2020

f97-2308 commented May 13, 2020

chimemoo commented May 15, 2020

manminder01 commented Jun 1, 2020

manminder01 commented Jun 1, 2020

ameinabdi commented Jun 1, 2020

jamonholmgren commented Jun 13, 2020

jay-jlm commented Jun 14, 2020 • edited Loading

spetushkov commented Jul 16, 2020

alireza-bakhshifar commented Feb 15, 2020 •

edited

Loading

nazrdogan commented Feb 24, 2020 •

edited

Loading

akash89b commented Apr 4, 2020 •

edited

Loading

pjnovas commented Apr 4, 2020 •

edited

Loading

jay-jlm commented Jun 14, 2020 •

edited

Loading