@ant-design/react-native/lib/picker-view/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;}}var basicColumns=[[{label:'周一',value:'Mon'},{label:'周二',value:'Tues'},{label:'周三',value:'Wed'},{label:'周四',value:'Thur'},{label:'周五',value:'Fri'}],[{label:'上午',value:'am'},{label:'下午',value:'pm'}]];var PickerViewExample=function(_React$Component){(0,_inherits2["default"])(PickerViewExample,_React$Component);var _super=_createSuper(PickerViewExample);function PickerViewExample(){var _this;(0,_classCallCheck2["default"])(this,PickerViewExample);_this=_super.apply(this,arguments);_this.state={value:undefined};_this.onChange=function(value){_this.setState({value:value});};return _this;}(0,_createClass2["default"])(PickerViewExample,[{key:"render",value:function render(){return _react["default"].createElement(_reactNative.ScrollView,null,_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u57FA\u7840\u7528\u6CD5"),_react["default"].createElement(_.PickerView,{data:basicColumns,cascade:false}),_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u81EA\u5B9A\u4E49\u9AD8\u5EA6"),_react["default"].createElement(_.PickerView,{data:basicColumns,cascade:false,style:{height:450},itemHeight:55,itemStyle:{padding:0}}),_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u53D7\u63A7\u6A21\u5F0F"),_react["default"].createElement(_.PickerView,{onChange:this.onChange,value:this.state.value,data:basicColumns,cascade:false}),_react["default"].createElement(_reactNative.Text,{style:{margin:16}}));}}]);return PickerViewExample;}(_react["default"].Component);exports["default"]=PickerViewExample;