react-native Button

import React,{ PropTypes } from 'react';
import {
  View,Text,TouchableOpacity
} from 'react-native';

const propTypes = {
  onPress: PropTypes.func,disabled: PropTypes.bool,style: Text.propTypes.style,containerStyle: View.propTypes.style,text: PropTypes.string,activeOpacity: PropTypes.number
};

const Button = ({ onPress,disabled,style,containerStyle,text,activeOpacity }) => (
  <TouchableOpacity
    style={containerStyle}
    onPress={onPress}
    disabled={disabled}
    activeOpacity={activeOpacity}
  >
    <Text style={style}>
      {text}
    </Text>
  </TouchableOpacity>
);

Button.propTypes = propTypes;

Button.defaultProps = {
  onPress() {},disabled: false,activeOpacity: 0.8
};

export default Button;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!