@devloops/react-native-variant/lib/commonjs/Helpers/Hooks/useDeviceOrientation.js

react-native material ui library

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=useDeviceOrientation;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=require("react");var _reactNative=require("react-native");var screen=_reactNative.Dimensions.get('screen');function useDeviceOrientation(){var isOrientationPortrait=function isOrientationPortrait(_ref){var width=_ref.width,height=_ref.height;return height>=width;};var isOrientationLandscape=function isOrientationLandscape(_ref2){var width=_ref2.width,height=_ref2.height;return width>=height;};var _useState=(0,_react.useState)({portrait:isOrientationPortrait(screen),landscape:isOrientationLandscape(screen)}),_useState2=(0,_slicedToArray2.default)(_useState,2),orientation=_useState2[0],setOrientation=_useState2[1];var onChange=function onChange(_ref3){var screen=_ref3.screen;setOrientation({portrait:isOrientationPortrait(screen),landscape:isOrientationLandscape(screen)});};(0,_react.useEffect)(function(){_reactNative.Dimensions.addEventListener('change',onChange);return function(){_reactNative.Dimensions.removeEventListener('change',onChange);};},[orientation.portrait,orientation.landscape]);return orientation;}
//# sourceMappingURL=useDeviceOrientation.js.map