react-native-flip-book
Version:
2 lines • 1.98 kB
JavaScript
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BookPageBackground=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _BookSpine=require("./BookPage/BookSpine");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/devinnovations/Desktop/PackageNPM/react-native-flip-book/src/BookPageBackground.tsx";var BookPageBackground=exports.BookPageBackground=function BookPageBackground(_ref){var left=_ref.left,right=_ref.right,isFirstPage=_ref.isFirstPage,isLastPage=_ref.isLastPage,containerSize=_ref.containerSize,getPageStyle=_ref.getPageStyle,renderPage=_ref.renderPage,renderLastPage=_ref.renderLastPage,shouldRenderLastPage=_ref.shouldRenderLastPage;var leftPageStyle=getPageStyle(false,true);var rightPageStyle=getPageStyle(true,true);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.pageContainer,children:[left&&renderPage&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[leftPageStyle],children:renderPage(left)}),isFirstPage&&(0,_jsxRuntime.jsx)(_BookSpine.BookSpine,{right:false,containerSize:containerSize})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.pageContainer,children:[right&&renderPage&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[rightPageStyle],children:renderPage(right)}),isLastPage&&(0,_jsxRuntime.jsx)(_BookSpine.BookSpine,{right:true,containerSize:containerSize}),shouldRenderLastPage&&renderLastPage&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[rightPageStyle,{zIndex:-1}],children:renderLastPage()})]})]});};var styles=_reactNative.StyleSheet.create({pageContainer:{flex:1,backfaceVisibility:'hidden',overflow:'hidden',justifyContent:'center'},container:{position:'absolute',zIndex:-1,height:'100%',width:'100%',flexDirection:'row'}});
//# sourceMappingURL=BookPageBackground.js.map