rn-phone-number-picker A customizable PhoneNumberInput screen component for React Native projects. Use this open source library in your fresh React Native project for instant startup.

Table of Contents

Installation

To use rn-phone-number-picker in your React Native project, simply install it using npm or yarn:

yarn add rn-phone-number-picker
or
npm install rn-phone-number-picker

Usage

To use the PhoneNumberInput screen component in your app, import it from the rn-phone-number-picker package and render it as the second component in your app after splash screen. You can customize the appearance and behavior of the PhoneNumberInput screen by passing in props.

How to use

import PhoneNumberInput from "rn-phone-number-picker";

function App() {
  return (
    <PhoneNumberInput
      keyboardType="phone-pad"
      placeholderTextColor={"black"}
      initialCode={"IN"}
    />
  );
}

Props

The PhoneNumberInput component accepts the following props:

| Prop Name | Data Type | Description | | ------------------- | ------------------- | ------------------------ | | inputStyle | any | Style in Input | | --------- | --------- | ----------- | | placeholderText | any | Your Placeholder Text | | --------- | --------- | ----------- | | keyboardType | any | Your KeyboardType | | --------------- | ------------------- | ------------ | | initialCode | any | initialCode | | --------- | --------- | ----------- | | containerStyle | any | Style to Container | | --------- | --------- | ----------- | | modalContainerStyle | any | Style to modal container | | --------- | --------- | ----------- | | initialValue | any | initialValue |

Contributors

We would like to thank the following developers for their contributions to this project:

To all our contributors, thank you for your hard work and dedication!

License

This package is released under the MIT License.