@ant-design/react-native/lib/toast/demo/basic.js

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

"use strict";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 _=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;}}function showToastStack(){_.Toast.fail({content:'This is a toast tips 1 !!!',duration:3,stackable:true});_.Toast.success({content:'This is a toast tips 2 !!!',duration:2,stackable:true});_.Toast.info({content:'This is a toast tips 3 !!!',duration:1,stackable:true});}function infoToast(){_.Toast.info({content:'Text toast'});}function successToast(){_.Toast.success('Load success !!!',1);}function showToastNoMask(){_.Toast.info({content:'Toast without mask',mask:false});}function failToast(){_.Toast.fail('Load failed !!!');}function offline(){_.Toast.offline('Network connection failed !!!');}function loadingToast(){_.Toast.loading({content:'Loading...',duration:1,onClose:function onClose(){return console.log('Load complete !!!');}});}function alwaysShowToastInfo(){var key=_.Toast.info('Toast with duration = 0, removed by timer',0,function(){_.Toast.info('Toast.info onClose callback called!');});setTimeout(function(){_.Toast.remove(key);},3000);}function alwaysShowToastLoading(){_.Toast.loading('Loading...',0,function(){_.Toast.info('Toast.loading onClose callback called!');});setTimeout(function(){_.Toast.removeAll();},3000);}function showCustomViewToast(){_.Toast.info({content:_react["default"].createElement(_reactNative.Text,{style:{color:'red'}},"Toast Custom View")},2);setTimeout(function(){_.Toast.success({content:_react["default"].createElement(_reactNative.Text,{style:{color:'red'}},"Toast Custom View")},2);},2500);}var ToastExample=function(_React$Component){(0,_inherits2["default"])(ToastExample,_React$Component);var _super=_createSuper(ToastExample);function ToastExample(){var _this;(0,_classCallCheck2["default"])(this,ToastExample);_this=_super.apply(this,arguments);_this.state={enableMask:_.Toast.getConfig().mask,enableStack:_.Toast.getConfig().stackable};return _this;}(0,_createClass2["default"])(ToastExample,[{key:"componentWillUnmount",value:function componentWillUnmount(){_reactNative.DeviceEventEmitter.removeAllListeners('navigatorBack');if(this.timer){clearTimeout(this.timer);this.timer=null;}}},{key:"render",value:function render(){var _this2=this;return _react["default"].createElement(_.WingBlank,{style:{marginTop:20}},_react["default"].createElement(_.List,null,_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checked:this.state.enableMask,onChange:function onChange(mask){_.Toast.config({mask:mask});_this2.setState({enableMask:_.Toast.getConfig().mask});}})},"Enable Mask"),_react["default"].createElement(_.List.Item,{extra:_react["default"].createElement(_.Switch,{checked:this.state.enableStack,onChange:function onChange(stackable){_.Toast.config({stackable:stackable});_this2.setState({enableStack:_.Toast.getConfig().stackable});}})},"Enable Stack")),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:showToastNoMask},"Without mask"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:showToastStack},"Stackable toast"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:infoToast},"Text toast"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:successToast},"Success toast"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:failToast},"Failed toast"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:offline},"Network failure toast"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:loadingToast},"Loading toast"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:alwaysShowToastInfo},"Toast.info with duration = 0"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:alwaysShowToastLoading},"Toast.loading with duration = 0"),_react["default"].createElement(_.WhiteSpace,null),_react["default"].createElement(_.Button,{onPress:showCustomViewToast},"Toast with custom view"));}}]);return ToastExample;}(_react["default"].Component);exports["default"]=ToastExample;