11<img src =" images/logo_full.png " width =" 100% " />
22
3- [ ![ NPM version] [ npm-image ]] [ npm-url ]
4- ![ npm] ( https://img.shields.io/npm/dy/react-native-input-spinner?style=flat-square )
3+ [ ![ NPM version] ( http://img.shields.io/ npm/v/react-native-input-spinner.svg?style=flat-square )] ( http://npmjs.org/package/react-native-input-spinner )
4+ [ ![ npm] ( https://img.shields.io/npm/dy/react-native-input-spinner?style=flat-square )] ( http://npmjs.org/package/react-native-input-spinner )
55[ ![ Package Quality] ( https://npm.packagequality.com/shield/react-native-input-spinner.svg?style=flat-square )] ( https://packagequality.com/#?package=react-native-input-spinner )
66[ ![ js-prittier-style] ( https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square )] ( https://prettier.io/ )
7+ [ ![ Compatibility] ( https://img.shields.io/badge/platform-android%20%7C%20ios%20%7C%20expo-blue.svg?style=flat-square )] ( http://npmjs.org/package/react-native-input-spinner )
78
89[ ![ NPM] ( https://nodei.co/npm/react-native-input-spinner.png?mini=true )] ( https://nodei.co/npm/react-native-input-spinner/ )
910
10- [ npm-image ] : http://img.shields.io/npm/v/react-native-input-spinner.svg?style=flat-square
11- [ npm-url ] : http://npmjs.org/package/react-native-input-spinner
12-
1311### If this project has helped you out, please support us with a star 🌟
1412
15- ** Github: ** https://github.com/marcocesarato/react-native-input-spinner
13+ ## 📘 Description
1614
1715** Author:** Marco Cesarato
1816
19- ## 📘 Description
17+ ** Github: ** https://github.com/marcocesarato/react-native-input-spinner
2018
2119An extendible input number spinner component for react-native highly customizable.
2220This component enhance a text input for entering numeric values, with increase and decrease buttons.
2321
2422_ Compatible with: Android, iOS, Windows, Web and Expo._
2523
26- ## 🎨 Screenshots
27-
28- | Default props + Min & Max colors | Not rounded, showBorder, Min & Max colors |
29- | -------------------------------- | ----------------------------------------- |
30- | <img src =" images/example.png " /> | <img src =" images/example_2.png " /> |
31-
32- ### High customization
33-
34- <img src =" images/customization.png " />
35-
3624## 📖 Install
3725
38- Just run the following command line:
39-
40- ### npm
41-
42- ``` shell
43- npm install react-native-input-spinner --save
44- ```
45-
46- ### Yarn
26+ Install the library from npm or yarn just running one of the following command lines:
4727
48- ``` shell
49- yarn add react-native-input-spinner
50- ```
28+ | npm | yarn |
29+ | ----------------------------------------------- | ------------------------------------- |
30+ | ` npm install react-native-input-spinner --save ` | ` yarn add react-native-input-spinner ` |
5131
5232## 💻 Usage
5333
@@ -70,6 +50,16 @@ import InputSpinner from "react-native-input-spinner";
7050
7151For more examples check the ` Example ` directory the ` App.js ` file
7252
53+ ## 🎨 Screenshots
54+
55+ | Default props + Min & Max colors | Not rounded, showBorder, Min & Max colors |
56+ | -------------------------------- | ----------------------------------------- |
57+ | <img src =" images/example.png " /> | <img src =" images/example_2.png " /> |
58+
59+ ### High customization
60+
61+ <img src =" images/customization.png " />
62+
7363## ⚡️ Run example
7464
7565Clone or download repo and after:
@@ -205,9 +195,8 @@ Have an idea? Found a bug? Please raise to [ISSUES](https://github.com/marcocesa
205195Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.
206196
207197<p align =" center " >
208-
209- <a href =" https://nodei.co/npm/react-native-input=spinner/ " rel =" nofollow " >
210- <img align="center" src="https://nodei.co/npm/react-native-input-spinner.png?downloads=true&downloadRank=true" width="384">
211- </a >
212-
198+ <br>
199+ <a href="https://nodei.co/npm/react-native-input=spinner/" rel="nofollow">
200+ <img align="center" src="https://nodei.co/npm/react-native-input-spinner.png?downloads=true&downloadRank=true" width="384">
201+ </a>
213202</p >
0 commit comments