Skip to content

Latest commit

 

History

History
62 lines (51 loc) · 2.87 KB

README.md

File metadata and controls

62 lines (51 loc) · 2.87 KB

🤑 react-native-currency-field 🤑

A fully native TextInput component that supports all currencies and locales.

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