Package Exports

react-native-intl-phone-input

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-intl-phone-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React-Native-INTL-Phone-Input

It's a international phone input with phone mask.

USAGE

install npm library

npm install react-native-intl-phone-input

İmport library

import IntlPhoneInput from 'react-native-intl-phone-input';

use component

  onChangeText = ({dialCode, unmaskedPhoneNumber, phoneNumber, isVerified}) => {
    console.log(dialCode, unmaskedPhoneNumber, phoneNumber, isVerified);
  };
  render() {
    return (
      <SafeAreaView>
        <PhoneInput onChangeText={this.onChangeText} defaultCountry="TR" />
      </SafeAreaView>
    );
  }

prop names	type	default value	comment
placeholder	String		This prop change the phone input placeholder
defaultCountry	String	TR	You can change your default country code
onChangeText	Function		This function works when input text is changed
containerStyle	Style		This prop is about the text field's container style
dialCodeTextStyle	Style
flagStyle	Style
modalContainer	Style		This prop is about the modal field's SafeAreaView style.
filterInputStyle	Style		This prop is about the top of model filter text style
closeButtonStyle	Style		This prop is about text style of bottom modal
modalCountryItemCountryNameStyle	Style
filterText	String	Filter	This is the text of placeholder input of top modal
closeText	String	CLOSE	This prop is about the text of bottom modal