react-native-material-textfield/src/components/counter/index.js

Material textfield

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

import styles from './styles';

export default class Counter extends Component {
  static propTypes = {
    count: PropTypes.number.isRequired,
    limit: PropTypes.number.isRequired,

    baseColor: PropTypes.string.isRequired,
    errorColor: PropTypes.string.isRequired,
  };

  render() {
    let { count, limit, baseColor, errorColor } = this.props;

    let textStyle = {
      color: count > limit? errorColor : baseColor,
    };

    return (
      <View style={styles.container}>
        <Text style={[ styles.text, textStyle ]}>
            {count} / {limit}
        </Text>
      </View>
    );
  }
}