undefined is not an object (evaluating '_reactNative.NavigationExperimental.Header')

[aswinmohanme]

Error:
undefined is not an object (evaluating '_reactNative.NavigationExperimental.Header') gets thrown when the app is built and run.

Steps I Took:
Initialize an empty react native project
Add yarn add @shoutem/ui' react-native link Use the '<Examples /> Component
react-native run-android

My System Configuration

react-native --version                                                                                                                      22:10:05
    react-native-cli: 2.0.1
    react-native: 0.44.0

Package.json

{
	"name": "testShoutem",
	"version": "0.0.1",
	"private": true,
	"scripts": {
		"start": "node node_modules/react-native/local-cli/cli.js start",
		"test": "jest"
	},
	"dependencies": {
		"@shoutem/ui": "^0.13.0",
		"react": "16.0.0-alpha.6",
		"react-native": "0.44.0"
	},
	"devDependencies": {
		"babel-jest": "19.0.0",
		"babel-preset-react-native": "1.9.1",
		"jest": "19.0.2",
		"react-test-renderer": "16.0.0-alpha.6"
	},
	"jest": {
		"preset": "react-native"
	}
}

[michaelspeed]

I am still getting this error! any fix?

[michaelspeed]

I saw ur commit now there is a new error!!! can't find variables!! theme.js:621:34

[dobrienlzd]

Try this for now:

edit package.json -> Replace 0.44.0 with 0.43.4 for react-native

'rm -rf node_modules' //get rid of previous module installations based on 0.44.0
npm install
react-native link
react-native run-android // but in separate window be running 'npm start' first.

[JulianKingman]

Oops, sorry for the typo, I fixed it.

[nori3tsu]

NavigationExperimental has been removed from React Native 0.44.0, so I think Shoutem UI should remove and replace it.

facebook/react-native#13066

[aswinmohanme]

For the time being run yarn add shoutem/ui#242/head if you want to use the pull request right away with RN 44

[JulianKingman]

Fair warning, don't use if you have a Cardstack or Header component from @shoutem/ui

[eddiewang]

@JulianKingman what happens if you use the latest pull request from @aswinmohanme but want to use the Cardstack or Header component?

[mstearne]

How I got the Examples demo running with the patch mentioned by @aswinmohanme

react-native init HelloWorld && cd HelloWorld
yarn add shoutem/ui#242/head
nano index.ios.js

Remove contents of index.ios.js and insert the Examples code

import { AppRegistry } from 'react-native';
import { Examples } from '@shoutem/ui';

class HelloWorld extends Component {
  render() {
    return (
      <Examples />
    );
  }
}

AppRegistry.registerComponent('HelloWorld', () => HelloWorld);

react-native link
react-native run-ios