react-native-amount-input

react-native-amount-input

React Native JS-only amount (decimal) input component. Optimized for iOS.

Getting started

$ npm install react-native-amount-input --save

Usage

Import AmountInput and use it more or less like the regular TextInput component from React Native core.

import {AmountInput} from 'react-native-amount-input';

function MyComponent() {
  return (
    <View>
      <AmountInput
        currency="USD"
        defaultQuantity={defaultQuantity}
        onChangeQuantity={handleChangeQuantity}
      />
    </View>
  );
}

API

In addition to the regular TextInput props, you can also provide the following props for extra customization:

Props

• currency
• defaultQuantity
• onChangeQuantity
• TextInputComponent

Reference

Props

currency

Sets the currency for a fixed symbol prefix in the text input box. Has to be a ISO 4217 currency code.

Type	Required
string	No

defaultQuantity

Provides an initial value that will change when the user starts typing.

Type	Required
number	No

onChangeQuantity

Callback that is called when the entered quantity changes. Changed quantity is passed as a single string argument to the callback handler.

Type	Required
number => void	No

TextInputComponent

Sets the base text input component.

Type	Required
typeof TextInput	No

License

MIT License © Alka, Inc