react-native Button

最新推荐文章于 2025-04-25 14:36:09 发布

瑞逸

最新推荐文章于 2025-04-25 14:36:09 发布

阅读量492

点赞数

分类专栏： react-native 文章标签： android react-native component

本文链接：https://blog.youkuaiyun.com/rui_yi/article/details/52955105

版权

react-native 专栏收录该内容

1 篇文章

订阅专栏

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;