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;

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....