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

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

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));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 _=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 __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});};var SwitchExample=function(_React$Component){(0,_inherits2["default"])(SwitchExample,_React$Component);var _super=_createSuper(SwitchExample);function SwitchExample(props){var _this;(0,_classCallCheck2["default"])(this,SwitchExample);_this=_super.call(this,props);_this.toggle=function(){_this.setState({disabled:!_this.state.disabled});};_this.sleep1s=function(){return new Promise(function(resolve){setTimeout(resolve,1000);});};_this.onChangeAsync=function(val){return __awaiter((0,_assertThisInitialized2["default"])(_this),void 0,void 0,_regenerator["default"].mark(function _callee(){return _regenerator["default"].wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return this.sleep1s();case 2:this.setState({checked:val});case 3:case"end":return _context.stop();}}},_callee,this);}));};_this.state={disabled:true,checked:false};return _this;}(0,_createClass2["default"])(SwitchExample,[{key:"render",value:function render(){return _react["default"].createElement(_reactNative.ScrollView,null,_react["default"].createElement(_.List,{renderHeader:"\u57FA\u672C"},_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,null)},"\u6700\u7B80\u5355\u7684\u7528\u6CD5")),_react["default"].createElement(_.List,{renderHeader:"\u4E0D\u53EF\u7528"},_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{disabled:this.state.disabled})},"Switch \u5931\u6548\u72B6\u6001"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.WingBlank,null,_react["default"].createElement(_.Button,{type:"primary",onPress:this.toggle},"Toggle disabled"))),_react["default"].createElement(_.List,{renderHeader:"\u6587\u5B57\u548C\u56FE\u6807"},_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checkedChildren:"\u5F00",unCheckedChildren:"\u5173",defaultChecked:true})}),_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checkedChildren:"1",unCheckedChildren:"0"})}),_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checkedChildren:_react["default"].createElement(_.Icon,{name:"check",color:"white"}),unCheckedChildren:_react["default"].createElement(_.Icon,{name:"close",color:"white"}),defaultChecked:true})})),_react["default"].createElement(_.List,{renderHeader:"\u52A0\u8F7D\u4E2D"},_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checked:true,loading:true})},"\u6807\u8BC6\u5F00\u5173\u64CD\u4F5C\u4ECD\u5728\u6267\u884C\u4E2D"),_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{loading:true})})),_react["default"].createElement(_.List,{renderHeader:"\u989C\u8272"},_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checked:true,color:"red"})},"color=\"red\"")),_react["default"].createElement(_.List,{renderHeader:"\u5F02\u6B65"},_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checked:this.state.checked,onChange:this.onChangeAsync})},"onChange \u8FD4\u56DE Promise")));}}]);return SwitchExample;}(_react["default"].Component);exports["default"]=SwitchExample;