UNPKG

react-native-twopane-navigation

Version:

React Native package for dual screen devices navigation support (Surface Duo)

2 lines 3.33 kB
"use strict";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 _PaneHeader=_interopRequireDefault(require("../paneHeader/PaneHeader"));var _utility=_interopRequireDefault(require("../../utilities/utility.methods"));var _jsxFileName="C:\\Users\\adavi\\source\\repos\\react-native-dualscreen\\twopane-navigation\\src\\components\\paneHeaderContainer\\PaneHeaderContainer.tsx";var PaneHeaderContainer=function PaneHeaderContainer(props){var isGoBack=props.isGoBack,screenHeader=props.screenHeader,goBack=props.goBack,configDefaultHeader=props.configDefaultHeader,configDefaultHeaderText=props.configDefaultHeaderText,configDefaultHeaderIcon=props.configDefaultHeaderIcon;var backActionHandler=function backActionHandler(){if(isGoBack&&(screenHeader===null||screenHeader===void 0?void 0:screenHeader.canGoBack)!==false){goBack();}else{_reactNative.Alert.alert("Alert!","Are you sure you want to exit app?",[{text:"Cancel",onPress:function onPress(){return null;},style:"cancel"},{text:"Yes",onPress:function onPress(){return _reactNative.BackHandler.exitApp();}}]);}return true;};_utility.default.useBackHandler(backActionHandler);return _react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:9}},isGoBack&&(screenHeader===null||screenHeader===void 0?void 0:screenHeader.canGoBack)!==false?_react.default.createElement(_PaneHeader.default,{style:[paneHeaderContainerStyles.HeaderDefault,configDefaultHeader],defaultHeaderTitle:configDefaultHeaderText,title:screenHeader===null||screenHeader===void 0?void 0:screenHeader.title,leftIcon:(screenHeader===null||screenHeader===void 0?void 0:screenHeader.leftIcon)?screenHeader===null||screenHeader===void 0?void 0:screenHeader.leftIcon:_react.default.createElement(_reactNative.Image,{source:require('../images/back.png'),style:[paneHeaderContainerStyles.defaultIcon,configDefaultHeaderIcon],__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:29}}),IconPress:(screenHeader===null||screenHeader===void 0?void 0:screenHeader.IconPress)?screenHeader===null||screenHeader===void 0?void 0:screenHeader.IconPress:function(){goBack();},__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:17}}):_react.default.createElement(_PaneHeader.default,{style:[paneHeaderContainerStyles.HeaderDefault,configDefaultHeader],defaultHeaderTitle:configDefaultHeaderText,title:screenHeader===null||screenHeader===void 0?void 0:screenHeader.title,leftIcon:(screenHeader===null||screenHeader===void 0?void 0:screenHeader.leftIcon)&&(screenHeader===null||screenHeader===void 0?void 0:screenHeader.leftIcon),IconPress:(screenHeader===null||screenHeader===void 0?void 0:screenHeader.IconPress)&&(screenHeader===null||screenHeader===void 0?void 0:screenHeader.IconPress),__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:21}}));};var paneHeaderContainerStyles=_reactNative.StyleSheet.create({HeaderDefault:{paddingHorizontal:18,backgroundColor:'#0078d4'},defaultIcon:{width:30,height:30,tintColor:'white'}});var _default=PaneHeaderContainer;exports.default=_default; //# sourceMappingURL=PaneHeaderContainer.js.map