This is a new React Native project, bootstrapped using @react-native-community/cli.

Installation

1yarn add react-native-country-selector

or

1npm install react-native-country-selector

Usage

1import CountryPicker from 'react-native-country-selector'
2
3 <CountryPicker
4   visible={showPicker}
5   onClose={() => setShowPicker(false)}
6   onCountrySelected={(data) => {
7      console.log(JSON.stringify(data))
8
9    }}
10/>
11
12/*
13OUTPUT
14{"name":"Australia","phone_code":"+61","code":"AU","currency":{"code":"AUD","name":"Dollar","symbol":"$"},
15"id":14,"flag":13}
16*/

Props

visible : true or false values Show or hide picker.
onClose : function to perform hiding/closing the country selector.
onCountrySelected: function . Perform an operation after selecting the country of your choice. Get the data and manipulate it :)