yamill/react-native-orientation

TypeError: null is not an object (evaluating 'Orientation.initialOrientation')

hms111111 opened this issue · 4 comments

hms111111 commented

TypeError: TypeError: TypeError: TypeError: null is not an object (evaluating 'Orientation.initialOrientation')

This error is located at:
in ScarletScreen (at navigationStore.js:448)
in Wrapped (at SceneView.js:9)
in SceneView (at StackViewLayout.js:478)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:477)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:476)
in RCTView (at View.js:45)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:59)
in Screen (at StackViewCard.js:42)
in Card (at createPointerEventsContainer.js:26)
in Container (at StackViewLayout.js:507)
in RCTView (at View.js:45)
in View (at screens.native.js:83)
in ScreenContainer (at StackViewLayout.js:401)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:400)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.js:49)
in RCTView (at View.js:45)
in View (at Transitioner.js:141)
in Transitioner (at StackView.js:19)
in StackView (at createNavigator.js:57)
in Navigator (at createKeyboardAwareNavigator.js:11)
in KeyboardAwareNavigator (at createNavigationContainer.js:376)
in NavigationContainer (at SceneView.js:9)
in SceneView (at createTabNavigator.js:39)
in RCTView (at View.js:45)
in View (at ResourceSavingScene.js:35)
in RCTView (at View.js:45)
in View (at ResourceSavingScene.js:24)
in ResourceSavingScene (at createBottomTabNavigator.js:108)
in RCTView (at View.js:45)
in View (at screens.native.js:83)
in ScreenContainer (at createBottomTabNavigator.js:98)
in RCTView (at View.js:45)
in View (at createBottomTabNavigator.js:97)
in TabNavigationView (at createTabNavigator.js:178)
in NavigationView (at createNavigator.js:57)
in Navigator (at createNavigationContainer.js:376)
in NavigationContainer (at SceneView.js:9)
in SceneView (at StackViewLayout.js:478)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:477)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:476)
in RCTView (at View.js:45)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:59)
in Screen (at StackViewCard.js:42)
in Card (at createPointerEventsContainer.js:26)
in Container (at StackViewLayout.js:507)
in RCTView (at View.js:45)
in View (at screens.native.js:83)
in ScreenContainer (at StackViewLayout.js:401)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:400)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.js:49)
in RCTView (at View.js:45)
in View (at Transitioner.js:141)
in Transitioner (at StackView.js:19)
in StackView (at createNavigator.js:57)
in Navigator (at createKeyboardAwareNavigator.js:11)
in KeyboardAwareNavigator (at createNavigationContainer.js:376)
in NavigationContainer (at Router.js:97)
in App (at Router.js:122)
in Router (at App.js:61)
in App (at renderApplication.js:35)
in RCTView (at View.js:45)
in View (at AppContainer.js:98)
in RCTView (at View.js:45)
in View (at react-native-root-siblings/index.js:33)
in RootSiblingsWrapper (at AppContainer.js:112)
in RCTView (at View.js:45)
in View (at AppContainer.js:115)
in AppContainer (at renderApplication.js:34)

This error is located at:
in NavigationContainer (at SceneView.js:9)
in SceneView (at createTabNavigator.js:39)
in RCTView (at View.js:45)
in View (at ResourceSavingScene.js:35)
in RCTView (at View.js:45)
in View (at ResourceSavingScene.js:24)
in ResourceSavingScene (at createBottomTabNavigator.js:108)
in RCTView (at View.js:45)
in View (at screens.native.js:83)
in ScreenContainer (at createBottomTabNavigator.js:98)
in RCTView (at View.js:45)
in View (at createBottomTabNavigator.js:97)
in TabNavigationView (at createTabNavigator.js:178)
in NavigationView (at createNavigator.js:57)
in Navigator (at createNavigationContainer.js:376)
in NavigationContainer (at SceneView.js:9)
in SceneView (at StackViewLayout.js:478)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:477)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:476)
in RCTView (at View.js:45)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:59)
in Screen (at StackViewCard.js:42)
in Card (at createPointerEventsContainer.js:26)
in Container (at StackViewLayout.js:507)
in RCTView (at View.js:45)
in View (at screens.native.js:83)
in ScreenContainer (at StackViewLayout.js:401)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:400)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.js:49)
in RCTView (at View.js:45)
in View (at Transitioner.js:141)
in Transitioner (at StackView.js:19)
in StackView (at createNavigator.js:57)
in Navigator (at createKeyboardAwareNavigator.js:11)
in KeyboardAwareNavigator (at createNavigationContainer.js:376)
in NavigationContainer (at Router.js:97)
in App (at Router.js:122)
in Router (at App.js:61)
in App (at renderApplication.js:35)
in RCTView (at View.js:45)
in View (at AppContainer.js:98)
in RCTView (at View.js:45)
in View (at react-native-root-siblings/index.js:33)
in RootSiblingsWrapper (at AppContainer.js:112)
in RCTView (at View.js:45)
in View (at AppContainer.js:115)
in AppContainer (at renderApplication.js:34)

This error is located at:
in NavigationContainer (at SceneView.js:9)
in SceneView (at StackViewLayout.js:478)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:477)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:476)
in RCTView (at View.js:45)
in View (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:59)
in Screen (at StackViewCard.js:42)
in Card (at createPointerEventsContainer.js:26)
in Container (at StackViewLayout.js:507)
in RCTView (at View.js:45)
in View (at screens.native.js:83)
in ScreenContainer (at StackViewLayout.js:401)
in RCTView (at View.js:45)
in View (at StackViewLayout.js:400)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.js:49)
in RCTView (at View.js:45)
in View (at Transitioner.js:141)
in Transitioner (at StackView.js:19)
in StackView (at createNavigator.js:57)
in Navigator (at createKeyboardAwareNavigator.js:11)
in KeyboardAwareNavigator (at createNavigationContainer.js:376)
in NavigationContainer (at Router.js:97)
in App (at Router.js:122)
in Router (at App.js:61)
in App (at renderApplication.js:35)
in RCTView (at View.js:45)
in View (at AppContainer.js:98)
in RCTView (at View.js:45)
in View (at react-native-root-siblings/index.js:33)
in RootSiblingsWrapper (at AppContainer.js:112)
in RCTView (at View.js:45)
in View (at AppContainer.js:115)
in AppContainer (at renderApplication.js:34)

This error is located at:
in NavigationContainer (at Router.js:97)
in App (at Router.js:122)
in Router (at App.js:61)
in App (at renderApplication.js:35)
in RCTView (at View.js:45)
in View (at AppContainer.js:98)
in RCTView (at View.js:45)
in View (at react-native-root-siblings/index.js:33)
in RootSiblingsWrapper (at AppContainer.js:112)
in RCTView (at View.js:45)
in View (at AppContainer.js:115)
in AppContainer (at renderApplication.js:34)
getInitialOrientation
D:\hms\react native test1\FluxTest\node_modules\react-native-orientation\index.js:98:23
componentWillMount
D:\hms\react native test1\FluxTest\Screen\ScarletScreen.js:49:18
callComponentWillMount
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:7430:4
mountClassInstance
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:7576:27
updateClassComponent
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:11485:6
performUnitOfWork
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17276:21
workLoop
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17316:41
renderRoot
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17417:15
performWorkOnRoot
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18423:17
performWork
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18324:24
performSyncWork
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18285:14
requestWork
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18169:19
scheduleWork
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:17969:16
scheduleRootUpdate
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:18642:15
render
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:19512:20
renderApplication
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\ReactNative\renderApplication.js:61:34
run
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\ReactNative\AppRegistry.js:104:10
runApplication
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\ReactNative\AppRegistry.js:198:26
__callFunction
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:366:47

D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:106:26
__guard
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:314:10
callFunctionReturnFlushedQueue
D:\hms\react native test1\FluxTest\node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:105:17
callFunctionReturnFlushedQueue
[native code]

vdv commented

@hms111111 Try do manual linking. Its works for me.

  • 👎4
amerllica commented

@hms111111, The npm version is not compatible with the latest version of React-Native, So remove your last installation of react-native-orientation by the following commands:

$ npx react-native link react-native-orientation
$ yarn remove react-native-orientation

And then directly install it from GitHub by using the following command:

react-native-orientation@git+https://github.com/yamill/react-native-orientation.git

Then link it and install pod packages with following commands:

$ npx react-native link react-native-orientation
$ cd ios && pod install && cd ..

Then it works well with no error.

  • 👍3
  • 😄1
  • 🎉1
  • ❤️1
  • 🚀1
elo-tnt1130 commented

Hello,

I'm trying to install from github because I have the same issue and it doesn't work (can't be installed). I'm new in React Native and I'm totally lost.

Could you help me please ?

NLanese commented

@elo-tnt1130 add npm i in front