search

yamill / react-native-orientation

Listen to device orientation changes in react-native and set preferred orientation on screen to screen basis.
https://www.npmjs.com/package/react-native-orientation
ISC License
1.72k stars 809 forks source link

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

Open hms111111 opened 5 years ago

hms111111 commented 5 years ago

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 5 years ago

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

amerllica commented 4 years ago

@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.

elo-tnt1130 commented 2 years ago

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 2 years ago

@elo-tnt1130 add npm i in front