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.

defaultQuantity

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

onChangeQuantity

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

TextInputComponent

Sets the base text input component.

License

MIT License © Alka, Inc