# rn-weblineindia-number-input > A React Native based component for creating Number Input in your application. Latest version **1.0.1** (published 2020-08-13) · MIT license · 0 weekly downloads ## Install ```sh npm install rn-weblineindia-number-input pnpm add rn-weblineindia-number-input yarn add rn-weblineindia-number-input bun add rn-weblineindia-number-input ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.0.1 | | Published | 2020-08-13 | | First published | 2020-08-13 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 0 | | Unpacked size | 28.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | Weblineindia | | Maintainers | partners-wli | | Keywords | react-native, rn-weblineindia-number-input, react-native-number-input, number-input | ## Links - npm: https://www.npmjs.com/package/rn-weblineindia-number-input - Repository: https://github.com/weblineindia/React-Native-Number-Input - Homepage: https://www.weblineindia.com/software-development-resources.html - Issues: https://github.com/weblineindia/React-Native-Number-Input/issues - npm.io page: https://npm.io/package/rn-weblineindia-number-input ## Alternatives - [random-seedable](https://npm.io/package/random-seedable.md) — 27.9K weekly downloads - [n2words](https://npm.io/package/n2words.md) — 22.2K weekly downloads - [@stdlib/math-base-special-factorialln](https://npm.io/package/@stdlib/math-base-special-factorialln.md) — 5.7K weekly downloads - [@stdlib/math-base-special-abs2](https://npm.io/package/@stdlib/math-base-special-abs2.md) — 1.7K weekly downloads - [commons-math-interpolation](https://npm.io/package/commons-math-interpolation.md) — 1.4K weekly downloads ## Recent versions - 1.0.1 (latest) — 2020-08-13 - 1.0.0 — 2020-08-13 ## README # React Native - Number Input A React Native based component for creating Number Input in your application. ## Table of Contents - [Demo](#demo) - [Installation](#installation) - [Caveats](#caveats) - [Supported versions](#supported-versions) - [Usage](#usage) - [Examples](#examples) - [Props](#props) - [Methods](#methods) - [Want to Contribute?](#want-to-contribute?) - [Collection of Components](#collection-of-components) - [Changelog](#changelog) - [License](#license) - [Keywords](#keywords) ## Demo [![](Numeric.png)](https://github.com/weblineindia/React-Native-Number-Input/blob/master/Numeric.png) ## Installation `$ npm install rn-weblineindia-number-input --save` ## Caveats Android currently does not implement the Intl object so a polyfill is required. At the moment it only includes the en locale. ## Supported versions We have tested this component in ReactNative 0.60 - 0.62.5. You can still use it in other versions. ## Usage To use it, register Number-Input Component to the navigation stack ```javascript import NumberTextInput from 'rn-weblineindia-number-input'; this.setState({ textInput1: value })} style={styles.textInputStyle} returnKeyType={'done'} allowNegative={true} /> ``` ## Examples Currency ```javascript this.setState({ textInput1: value })} style={styles.textInputStyle} returnKeyType={'done'} /> ``` Decimal ```javascript this.setState({ textInput2: value })} style={styles.textInputStyle} returnKeyType={'done'} /> ``` ## Props | **Props** | **Type** | **Required** | **Description** | |-----------------|----------|--------------|--------------------------------------------------------------------------------------------------------------------------------------| | value | `Number` | Yes | If not provided, will default to 0 | | type | `string` | no | Either decimal or currency. If not provided, will default to decimal. If type is currency,you'll also need to supply a currency prop.| | decimalPlaces | `Number` | no | Number - the number of decimal places to display. Only valid for decimal type. | | placeholderImage| `string` | no | To show default image when image has issue.Required local image path. | | currency | `string` | no | The ISO 4217 currency code of the currency to display. Defaults to EUR. | | locale | `string` | no | A BCP 78 language tag specifying the locale used for number formatting. Defaults to de-DE | | useGrouping | `Boolean`| no | Whether to use grouping separators. Defaults to true. | | returnKeyType | `string` | no | Default is Done | | prefix | `string` | no | Add a prefix before the number | | postfix | `string` | no | Add a prefix after the number | | allowNegative | `Boolean`| no | Allowed negative sign. default is false | ## Methods | **Method** | **Description** | |----------------------|-----------------------------------------------------------------------------| | onUpdate | Callback that is called when the text input's content size changes. | ## Want to Contribute? - Created something awesome, made this code better, added some functionality, or whatever (this is the hardest part). - [Fork it](http://help.github.com/forking/). - Create new branch to contribute your changes. - Commit all your changes to your branch. - Submit a [pull request](http://help.github.com/pull-requests/). ----- ## Collection of Components We have built many other components and free resources for software development in various programming languages. Kindly click here to view our [Free Resources for Software Development](https://www.weblineindia.com/software-development-resources.html). ------ ## Changelog Detailed changes for each release are documented in [CHANGELOG.md](./CHANGELOG.md). ------ ## License [MIT](LICENSE) [mit]: https://github.com/weblineindia/React-Native-Number-Input/blob/master/LICENSE ------ ### Keywords rn-weblineindia-number-input, react-native-number-input, number-input, numeric-input, reactnative-input-field --- _Source: https://npm.io/package/rn-weblineindia-number-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._