React Native Country Picker Info

React Native Country Picker Info v1.0.0 you can get country name, dial code, country code by this package.

Getting Started

Installation

With NPM

npm install --save react-native-country-picker-info

With YARN

yarn add react-native-country-picker-info

Usage

import RPCountryPickerInfo from "react-native-country-picker-info";

This constant will provide you name dial_code and code of countries. (I.E: [{name: "India", dial_code: "+91", code: "IN"},{{name: "Canada", dial_code: "+1", code: "CA"}] )

Sample Usage

import React from 'react';

import {
  SafeAreaView,
  StatusBar,
  StyleSheet,
  TouchableOpacity,
  Text,
} from 'react-native';

import RPCountryPickerInfo from './RPCountryPickerInfo';

const App = () => {

  const [isOpenCountryPicker, setIsOpenCountryPicker] = React.useState(false)
  const [countryCode, setCountryCode] = React.useState("+91")

  const onPressOpenPicker = () => {
    setIsOpenCountryPicker(!isOpenCountryPicker)
  }

  const onPressCountryItem = (countryInfo) => {
    setCountryCode(countryInfo.dial_code)
    setIsOpenCountryPicker(false)
  }

  return (
    <SafeAreaView >
      <StatusBar />

      <TouchableOpacity onPress={onPressOpenPicker}>
        <Text>{countryCode}</Text>
      </TouchableOpacity>
      <RPCountryPickerInfo
        isVisible={isOpenCountryPicker}
        isVisibleCancelButton={false}
        onPressClosePicker={onPressOpenPicker}
        onPressSelect={onPressCountryItem}
      />
    </SafeAreaView>
  );
};

export default App;

Example

You can find the usage example of the package in the example folder.

git clone https://github.com/nraystechnology/react-native-country-picker-info.git

cd react-native-country-picker-info/example

npm install

npx react-native run-ios or android

License

This project is licensed under the MIT License - see the LICENSE.md file for details