React native phone number picker and Numeric pin picker

Ready-to-use components for building a Whatsapp style user onboarding workflow

• Accept user phone input
• Basic validation for user phone input based on country code
• Country calling code picker
• Validate 6 digit pin
• Works for both android and iOS
• little emphasis on look and feel and more on functionality. Users can always change color/images etc

Dependency: React-Native

Example

npm install react-native-country-code-telephone-input --save

1import PhoneNumberPicker from 'react-native-country-code-telephone-input'
2
3class UserOnBoarding extends React.Component {
4        PhoneNumberPickerChanged(country, callingCode, phoneNumber) {
5            this.setState({countryName: country.name, callingCode: callingCode, phoneNo:phoneNumber});
6         }
7
8         render() {
9         <PhoneNumberPicker
10         countryHint={{name: 'United States', cca2: 'US', callingCode:"1"}}
11         onChange={this.PhoneNumberPickerChanged.bind(this)}/>
12         }
13}

See ExampleTelephoneInput for a sample.

#git clone https://github.com/farazshaikh/react-native-country-code-telephone-input
#cd react-native-country-code-telephone-input/ExampleTelephoneInput
#npm install
#react-native run-ios

Changelog

• 0.0.1 first version

MIT

Contributions welcome.