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

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

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.description=exports.title=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 _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 __awaiter=void 0&&(void 0).__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 BasicListExample=function(_React$Component){(0,_inherits2["default"])(BasicListExample,_React$Component);var _super=_createSuper(BasicListExample);function BasicListExample(){var _this;(0,_classCallCheck2["default"])(this,BasicListExample);_this=_super.apply(this,arguments);_this.state={layout:'list'};_this.sleep=function(time){return new Promise(function(resolve){return setTimeout(function(){return resolve('');},time);});};_this.onFetch=function(){var page=arguments.length>0&&arguments[0]!==undefined?arguments[0]:1;var startFetch=arguments.length>1?arguments[1]:undefined;var abortFetch=arguments.length>2?arguments[2]:undefined;return __awaiter((0,_assertThisInitialized2["default"])(_this),void 0,void 0,_regenerator["default"].mark(function _callee(){var pageLimit,skip,rowData;return _regenerator["default"].wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.prev=0;pageLimit=30;if(this.state.layout==='grid'){pageLimit=60;}skip=(page-1)*pageLimit;rowData=Array.from({length:pageLimit},function(_,index){return"item -> ".concat(index+skip);});if(page===3){rowData=[];}_context.next=8;return this.sleep(2000);case 8:startFetch(rowData,pageLimit);_context.next=14;break;case 11:_context.prev=11;_context.t0=_context["catch"](0);abortFetch();case 14:case"end":return _context.stop();}}},_callee,this,[[0,11]]);}));};_this.renderItem=function(item){return _react["default"].createElement(_reactNative.View,{style:{padding:10}},_react["default"].createElement(_reactNative.Text,null,item));};return _this;}(0,_createClass2["default"])(BasicListExample,[{key:"render",value:function render(){var _this2=this;return _react["default"].createElement(_2.ListView,{onFetch:this.onFetch,keyExtractor:function keyExtractor(item,index){return"".concat(_this2.state.layout," - ").concat(item," - ").concat(index);},renderItem:this.renderItem,numColumns:this.state.layout==='list'?1:3});}}]);return BasicListExample;}(_react["default"].Component);exports["default"]=BasicListExample;var title='ListView';exports.title=title;var description='ListView Example';exports.description=description;