Get unlimited public & private packages + team-based management with npm Teams.Learn more »

rn-phone-number-mask

1.1.3 • Public • Published

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!

Install

npm i rn-phone-number-mask

DownloadsWeekly Downloads

37

Version

1.1.3

License

MIT

Unpacked Size

3.63 kB

Total Files

5

Last publish

Collaborators

  • avatar