react-native-amount-input

!Supports iOS
!MIT License

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.

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

function MyComponent() {
return (

currency="USD"
defaultQuantity={defaultQuantity}
onChangeQuantity={handleChangeQuantity}
/>

);
}
`

API

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

$3

- currency
- defaultQuantity
- onChangeQuantity
- TextInputComponent

---

Reference

Props

$3

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 |

$3

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

| Type | Required |
| -------- | -------- |
| number | No |

$3

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 |

$3

Sets the base text input component.

| Type | Required |
| ------------------ | -------- |
| typeof TextInput` | No |

License

MIT License © Alka, Inc