as-components/src/components/ReactText.js

A simple and customized reuseable components

import React, { Component } from "react";
import { TouchableOpacity, Text } from "react-native";
import PropTypes from "prop-types";

export default class ReactText extends Component {
  static propTypes = {
    content: PropTypes.string.isRequired,
    disabled: PropTypes.bool,
    textStyle: PropTypes.oneOfType([
      PropTypes.array,
      PropTypes.number,
      PropTypes.shape({}),
    ]).isRequired,
    buttonStyle: PropTypes.oneOfType([
      PropTypes.array,
      PropTypes.number,
      PropTypes.shape({}),
    ]).isRequired,
  };

  render() {
    const { textStyle, buttonStyle, content, onPress, disabled } = this.props;
    return (
      <TouchableOpacity
        disabled={disabled}
        style={buttonStyle}
        onPress={() => onPress()}
      >
        <Text style={textStyle}>{content}</Text>
      </TouchableOpacity>
    );
  }
}