react-native-masked-text/lib/text-mask.js

Text and TextInput with mask for React Native applications

import React from 'react';
import {
  Text
} from 'react-native';
import BaseTextComponent from './base-text-component';

const TEXT_REF = '$text';

export default class TextMask extends BaseTextComponent {
	constructor(props) {
		super(props);
	}

	getElement() {
		return this.refs[TEXT_REF];
	}

	render() {
		return (
			<Text ref={TEXT_REF} {...this.props}>{
				this.getDisplayValueFor(
					this.props.value
				)
			}</Text>
		);
	}
}