Demo

| Currency: USD, Locale: en_US | Currency: EUR, Locale: de_DE | Currency: UAH, Locale: uk_UA | |--------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------| | | |

Installation

npm install @newagebel/react-native-currency-field

or

yarn add @newagebel/react-native-currency-field

iOS Installation

cd ios && pod install && cd ..

Android Installation

There are no extra steps 💆‍♂️

Usage

import CurrencyField from '@newagebel/react-native-currency-field'

function MyComponent() {
  const [value, setValue] = useState(20);

  <CurrencyField
    value={value}
    onChangeText={setValue}
    currency={'EUR'}
    maxValue={10000}
    selectTextOnInit={false}
    style={style.inputStyle}
  />;
}

Props

| Prop | Type | Default | Description | | ---------------------- | -------- |------------------------------------------------------| ------------------------------------------------------------------------------------------------------------------------------------------ | | ...TextInputProps | | | Inherit all props of TextInput.| | value | number | 0 | | | onChangeText | function | (unmaskedValue: number, maskedValue: string) => null | | | currency | string | USD | | | maxValue | string | 100000000 | | | selectTextOnInit | boolean | false | Select all text on initialization

To change the locale, you need to change the region in the phone settings.

License

MIT