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

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

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 BasicSliderExample=function(_React$Component){(0,_inherits2["default"])(BasicSliderExample,_React$Component);var _super=_createSuper(BasicSliderExample);function BasicSliderExample(props){var _this;(0,_classCallCheck2["default"])(this,BasicSliderExample);_this=_super.call(this,props);_this.handleChange=function(value){_this.setState({changingValue:value});};_this.onAfterChange=function(value){_this.setState({changedValue:value});};_this.minMaxChange=function(value){_this.setState({minMaxValue:value});};_this.state={changingValue:0.25,changedValue:0.15,minMaxValue:0,slideCompletionCount:0};return _this;}(0,_createClass2["default"])(BasicSliderExample,[{key:"render",value:function render(){var _this2=this;return _react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(_reactNative.Text,null,"Default settings"),_react["default"].createElement(_.Slider,null)),_react["default"].createElement(_reactNative.View,{style:{marginTop:20}},_react["default"].createElement(_reactNative.Text,null,"Initial value: 0.5"),_react["default"].createElement(_.Slider,{defaultValue:0.5})),_react["default"].createElement(_reactNative.View,{style:{marginTop:20}},_react["default"].createElement(_reactNative.Text,null,"min: 0, max: 1, current Value: ",this.state.minMaxValue),_react["default"].createElement(_.Slider,{min:0,max:1,onAfterChange:function onAfterChange(value){return _this2.minMaxChange(value);}})),_react["default"].createElement(_reactNative.View,{style:{marginTop:20}},_react["default"].createElement(_reactNative.Text,null,"step: 0.25"),_react["default"].createElement(_.Slider,{step:0.25,value:0.25})),_react["default"].createElement(_reactNative.View,{style:{marginTop:20}},_react["default"].createElement(_reactNative.Text,null,"disabled"),_react["default"].createElement(_.Slider,{disabled:true,defaultValue:0.25})),_react["default"].createElement(_reactNative.View,{style:{marginTop:20}},_react["default"].createElement(_reactNative.Text,null,"onChange value: ",this.state.changingValue),_react["default"].createElement(_.Slider,{defaultValue:0.25,onChange:function onChange(value){return _this2.handleChange(value);}})),_react["default"].createElement(_reactNative.View,{style:{marginTop:20}},_react["default"].createElement(_reactNative.Text,null,"onAfterChange value: ",this.state.changedValue),_react["default"].createElement(_.Slider,{defaultValue:0.15,onAfterChange:function onAfterChange(value){return _this2.onAfterChange(value);}})),_react["default"].createElement(_reactNative.View,{style:{marginTop:20}},_react["default"].createElement(_reactNative.Text,null,"custom color: "),_react["default"].createElement(_.Slider,{defaultValue:0.15,minimumTrackTintColor:"red",maximumTrackTintColor:"blue"})));}}]);return BasicSliderExample;}(_react["default"].Component);exports["default"]=BasicSliderExample;