@ant-design/react-native
Version:
基于蚂蚁金服移动设计规范的 React Native 组件库
1 lines • 4.96 kB
JavaScript
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 _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 ActivityIndicatorExample=function(_React$Component){(0,_inherits2["default"])(ActivityIndicatorExample,_React$Component);var _super=_createSuper(ActivityIndicatorExample);function ActivityIndicatorExample(props){var _this;(0,_classCallCheck2["default"])(this,ActivityIndicatorExample);_this=_super.call(this,props);_this.state={animating:false};_this.loadingToast=_this.loadingToast.bind((0,_assertThisInitialized2["default"])(_this));return _this;}(0,_createClass2["default"])(ActivityIndicatorExample,[{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this.closeTimer);}},{key:"loadingToast",value:function loadingToast(){var _this2=this;this.setState({animating:!this.state.animating});this.closeTimer=setTimeout(function(){_this2.setState({animating:!_this2.state.animating});},2000);}},{key:"render",value:function render(){return _react["default"].createElement(_reactNative.View,{style:[styles.demo]},_react["default"].createElement(_.WingBlank,null,_react["default"].createElement(_.Flex,null,_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_reactNative.Text,null,"Icon without text")),_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_.ActivityIndicator,null)))),_react["default"].createElement(_.WhiteSpace,{size:"xl",style:{backgroundColor:'#fff'}}),_react["default"].createElement(_.WingBlank,null,_react["default"].createElement(_.Flex,null,_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_reactNative.Text,null,"Icon with text")),_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_.ActivityIndicator,{text:"Loading..."})))),_react["default"].createElement(_.WhiteSpace,{size:"xl",style:{backgroundColor:'#fff'}}),_react["default"].createElement(_.WingBlank,null,_react["default"].createElement(_.Flex,null,_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_reactNative.Text,null,"Dark Background")),_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_reactNative.View,{style:[styles.darkBg]},_react["default"].createElement(_.ActivityIndicator,{color:"#fff"}))))),_react["default"].createElement(_.WhiteSpace,{size:"xl",style:{backgroundColor:'#fff'}}),_react["default"].createElement(_.WingBlank,null,_react["default"].createElement(_.Flex,null,_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_reactNative.Text,null,"Large Size")),_react["default"].createElement(_.Flex.Item,null,_react["default"].createElement(_.ActivityIndicator,{size:"large"})))),_react["default"].createElement(_.WhiteSpace,{size:"xl",style:{backgroundColor:'#fff'}}),_react["default"].createElement(_.WingBlank,null,_react["default"].createElement(_.Button,{onPress:this.loadingToast},"Click to show Toast")),_react["default"].createElement(_.ActivityIndicator,{animating:this.state.animating,toast:true,size:"large",text:"Loading..."}));}}]);return ActivityIndicatorExample;}(_react["default"].Component);exports["default"]=ActivityIndicatorExample;var styles=_reactNative.StyleSheet.create({demo:{marginTop:20},darkBg:{alignItems:'center',justifyContent:'center',width:89,height:89,backgroundColor:'#2B2F42'},gray:{backgroundColor:'#CCC'},horizontal:{flexDirection:'row',justifyContent:'space-around',padding:8}});