react-native-country-currency-picker

A country-currency picker for React-Native

Demo

Installation

npm i --save react-native-country-currency-picker

Usage

import CountryCurrencyPicker from 'react-native-country-currency-picker';

API

Prop | Type | Optional | Default | Description ------------------- | --------------- | -------- | --------- | ----------- countries | array | Yes | [ ] | Array of country flags to render as options onValueChange | func | No | | Callback when item is selected. Called with the following: index and object { currency, country } size | string/number | Yes | 48 | size of icons. One of 36, 48, 64 selectedValue | string | Yes | | Default value placeholder | string | Yes | Please Select | Placeholder text to render when selectedValue does not exist label | string: country or currency | | | Label to render caret | boolean | True | | Show/hide caret

Styles

Prop | Type | Optional | Default | Description ------------------- | --------------- | -------- | --------- | ----------- containerStyle | object | Yes | | Style of container dropdownStyle | object | Yes | | Style of dropdown iconStyle | object | Yes | | Style of flag icons placeholderStyle | object | Yes | | Style of placeholder text rowStyle | object | Yes | | Style of each option rowLabelStyle | object | Yes | | Style of option label placeholderContainerStyle | object | Yes | | Style of placeholder container