rn-button-component-helper/dist/index.js

Cross-platform button for React Native which supports keyword button component, custom button, etc

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");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 _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _jsxFileName="D:\\RNComponent\\rn-button-component-helper\\index.js";var RNButton=function(_Component){(0,_inherits2.default)(RNButton,_Component);function RNButton(){(0,_classCallCheck2.default)(this,RNButton);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(RNButton).apply(this,arguments));}(0,_createClass2.default)(RNButton,[{key:"render",value:function render(){var _this$props=this.props,accessibilityLabel=_this$props.accessibilityLabel,activeOpacity=_this$props.activeOpacity,onPress=_this$props.onPress,children=_this$props.children,text=_this$props.text,type=_this$props.type,buttonStyle=_this$props.buttonStyle,textStyle=_this$props.textStyle;switch(type){default:this.RNButton=_react.default.createElement(_reactNative.TouchableOpacity,{accessibilityLabel:accessibilityLabel,activeOpacity:activeOpacity,style:[{width:120,height:35,backgroundColor:'#000000',borderRadius:18,alignItems:'center',justifyContent:'center'},buttonStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:42}},children,_react.default.createElement(_reactNative.Text,{style:[{fontSize:12,color:'#FFFFFF'},textStyle],__source:{fileName:_jsxFileName,lineNumber:56}},text));break;case RNButton.TYPE_SMALL_TUBE:this.RNButton=_react.default.createElement(_reactNative.TouchableOpacity,{accessibilityLabel:accessibilityLabel,activeOpacity:activeOpacity,style:[{width:90,height:35,backgroundColor:'#000000',borderRadius:18,alignItems:'center',justifyContent:'center'},buttonStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:62}},children,_react.default.createElement(_reactNative.Text,{style:[{fontSize:12,color:'#FFFFFF'},textStyle],__source:{fileName:_jsxFileName,lineNumber:76}},text));break;case RNButton.TYPE_BIG_TUBE:this.RNButton=_react.default.createElement(_reactNative.TouchableOpacity,{accessibilityLabel:accessibilityLabel,activeOpacity:activeOpacity,style:[{width:150,height:35,backgroundColor:'#000000',borderRadius:18,alignItems:'center',justifyContent:'center'},buttonStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:82}},children,_react.default.createElement(_reactNative.Text,{style:[{fontSize:14,color:'#FFFFFF'},textStyle],__source:{fileName:_jsxFileName,lineNumber:96}},text));break;case RNButton.TYPE_SMALL_BOX:this.RNButton=_react.default.createElement(_reactNative.TouchableOpacity,{accessibilityLabel:accessibilityLabel,activeOpacity:activeOpacity,style:[{width:90,height:35,backgroundColor:'#000000',borderRadius:2,alignItems:'center',justifyContent:'center'},buttonStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:102}},children,_react.default.createElement(_reactNative.Text,{style:[{fontSize:14,color:'#FFFFFF'},textStyle],__source:{fileName:_jsxFileName,lineNumber:116}},text));break;case RNButton.TYPE_NORMAL_BOX:this.RNButton=_react.default.createElement(_reactNative.TouchableOpacity,{accessibilityLabel:accessibilityLabel,activeOpacity:activeOpacity,style:[{width:120,height:35,backgroundColor:'#000000',borderRadius:2,alignItems:'center',justifyContent:'center'},buttonStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:122}},children,_react.default.createElement(_reactNative.Text,{style:[{fontSize:14,color:'#FFFFFF'},textStyle],__source:{fileName:_jsxFileName,lineNumber:136}},text));break;case RNButton.TYPE_BIG_BOX:this.RNButton=_react.default.createElement(_reactNative.TouchableOpacity,{accessibilityLabel:accessibilityLabel,activeOpacity:activeOpacity,style:[{width:150,height:35,backgroundColor:'#000000',borderRadius:2,alignItems:'center',justifyContent:'center'},buttonStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:142}},children,_react.default.createElement(_reactNative.Text,{style:[{fontSize:14,color:'#FFFFFF'},textStyle],__source:{fileName:_jsxFileName,lineNumber:156}},text));}return this.RNButton;}}]);return RNButton;}(_react.Component);exports.default=RNButton;RNButton.defaultProps={type:RNButton.TYPE_NORMAL,activeOpacity:0.2};RNButton.TYPE_SMALL_TUBE='small tube';RNButton.TYPE_NORMAL_TUBE='normal tube';RNButton.TYPE_BIG_TUBE='big tube';RNButton.TYPE_SMALL_BOX='small box';RNButton.TYPE_NORMAL_BOX='normal box';RNButton.TYPE_BIG_BOX='big box';