react-native-country-currency-picker
0.4.1 • Public • Published 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 |
/react-native-country-currency-picker/
//
Package Sidebar
Install
npm i react-native-country-currency-picker
Weekly Downloads