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!