/rn-phone-number-mask

US telephone mask for text input

Primary LanguageJavaScriptMIT LicenseMIT

rn-phone-number-mask

US telephone mask for text input

Instalation

npm i rn-phone-number-mask

Example

Transforms 1234567890 into (123) 456-7890 dynamically

Usage

Import

import PhoneNumberMask from 'rn-phone-number-mask'

And use it this way:

<PhoneNumberMask
  containerStyle={styles.containerStyle}
  style={styles.inputStyle}
  onNumberChange={phoneNumber => this.setState({ phoneNumber })} />

Props

Prop Description Type Default
onNumberChange This function is triggered when TextInput value changes (returns value with mask applied) Function Required
containerStyle TextInput container style Object {}
style InputText style Object {}
maxLength Max length of phone number Number 14

Enjoy!