react-native-flip-book/lib/commonjs/BookPage/FrontShadow.js

Page Flipper

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _Gradient=require("../Components/Gradient");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="C:\\Users\\shara\\react-native-page-flipper\\src\\BookPage\\FrontShadow.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var FrontShadow=function FrontShadow(_ref){var degrees=_ref.degrees,viewHeight=_ref.viewHeight,right=_ref.right;var colors=['rgba(0,0,0,0.0)','rgba(0,0,0,0.2)','rgba(0,0,0,0.3)','rgba(0,0,0,0.6)'];var shadowWidth=40;var animatedStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var opacity=(0,_reactNativeReanimated.interpolate)(degrees.value,[-180,-100,0,100,180],[0,0.7,1,0.7,0],_reactNativeReanimated.Extrapolate.CLAMP);var fix=right?{right:-shadowWidth}:{left:-shadowWidth};return Object.assign({opacity:opacity,width:shadowWidth},fix,{transform:[{rotateY:right?'0deg':'180deg'}]});});var animatedStyle2=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var scaleX=(0,_reactNativeReanimated.interpolate)(degrees.value,[-150,0,150],[6,1,6],_reactNativeReanimated.Extrapolate.CLAMP);return{transform:[{perspective:1000},{scaleX:scaleX}]};});return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[{zIndex:5000,height:viewHeight,position:'absolute'},animatedStyle],children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[{height:viewHeight,width:shadowWidth},animatedStyle2],children:(0,_jsxRuntime.jsx)(_Gradient.Gradient,{start:{x:1,y:0},end:{x:0,y:0},colors:colors,style:[{flex:1}]})})});};var _default=exports.default=FrontShadow;
//# sourceMappingURL=FrontShadow.js.map