@ant-design/react-native/es/drawer/demo/basic.js

基于蚂蚁金服移动设计规范的 React Native 组件库

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _2=require("../../");function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2["default"])(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var styles=_reactNative.StyleSheet.create({container:{flex:1}});var DrawerExample=function(_React$Component){(0,_inherits2["default"])(DrawerExample,_React$Component);var _super=_createSuper(DrawerExample);function DrawerExample(){var _this;(0,_classCallCheck2["default"])(this,DrawerExample);_this=_super.apply(this,arguments);_this.onOpenChange=function(isOpen){console.log('是否打开了 Drawer',isOpen.toString());};return _this;}(0,_createClass2["default"])(DrawerExample,[{key:"render",value:function render(){var _this2=this;var itemArr=Array.apply(null,Array(20)).map(function(_,i){return i;}).map(function(_i,index){if(index===0){return _react["default"].createElement(_2.List.Item,{key:index,thumb:"https://zos.alipayobjects.com/rmsportal/eOZidTabPoEbPeU.png",multipleLine:true},_react["default"].createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between',alignItems:'center'}},_react["default"].createElement(_reactNative.Text,null,"Categories - ",index),_react["default"].createElement(_2.Button,{type:"primary",size:"small",onPress:function onPress(){return _this2.drawer.closeDrawer();}},"close drawer")));}return _react["default"].createElement(_2.List.Item,{key:index,thumb:"https://zos.alipayobjects.com/rmsportal/eOZidTabPoEbPeU.png"},_react["default"].createElement(_reactNative.Text,null,"Categories - ",index));});var sidebar=_react["default"].createElement(_reactNative.ScrollView,{style:[styles.container]},_react["default"].createElement(_2.List,null,itemArr));return _react["default"].createElement(_2.Drawer,{sidebar:sidebar,position:"left",open:false,drawerRef:function drawerRef(el){return _this2.drawer=el;},onOpenChange:this.onOpenChange,drawerBackgroundColor:"#ccc"},_react["default"].createElement(_reactNative.View,{style:{flex:1,marginTop:114,padding:8}},_react["default"].createElement(_2.Button,{onPress:function onPress(){return _this2.drawer&&_this2.drawer.openDrawer();}},"Open drawer"),_react["default"].createElement(_2.WhiteSpace,null)));}}]);return DrawerExample;}(_react["default"].Component);exports["default"]=DrawerExample;