react-native-flip-book/lib/commonjs/BookPage/BackShadow.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 _reactNative=require("react-native");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\\BackShadow.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 colors=['rgba(0,0,0,0.0)','rgba(0,0,0,0.2)','rgba(0,0,0,0.7)'];var rightPosition={start:{x:0.5,y:0},end:{x:1,y:0}};var leftPosition={start:{x:0.5,y:0},end:{x:0,y:0}};var BackShadow=function BackShadow(_ref){var degrees=_ref.degrees,right=_ref.right;var position=right?rightPosition:leftPosition;var animatedStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){var opacity=(0,_reactNativeReanimated.interpolate)(Math.abs(degrees.value),[0,130,180],[1,0.5,0]);return{opacity:opacity};});return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[Object.assign({},_reactNative.StyleSheet.absoluteFillObject,{zIndex:4}),animatedStyle],children:(0,_jsxRuntime.jsx)(_Gradient.Gradient,Object.assign({},position,{colors:colors,style:Object.assign({},_reactNative.StyleSheet.absoluteFillObject)}))});};var _default=exports.default=BackShadow;
//# sourceMappingURL=BackShadow.js.map