|
1 | | -# React Native Input Spinner |
2 | | -## `react-native-input-spinner` |
| 1 | +<img src="images/logo.png" width="100%"/> |
| 2 | + |
| 3 | +<center> |
3 | 4 |
|
4 | 5 | [![NPM version][npm-image]][npm-url] |
5 | | -[![npm download][download-image]][download-url] |
6 | | -[](https://packagequality.com/#?package=react-native-input-spinner) |
| 6 | + |
| 7 | +[](https://packagequality.com/#?package=react-native-input-spinner) |
7 | 8 | [](https://prettier.io/) |
| 9 | +[](https://nodei.co/npm/react-native-input=spinner/) |
8 | 10 |
|
9 | 11 | [npm-image]: http://img.shields.io/npm/v/react-native-input-spinner.svg?style=flat-square |
10 | 12 | [npm-url]: http://npmjs.org/package/react-native-input-spinner |
11 | | -[download-image]: https://img.shields.io/npm/dm/react-native-input-spinner.svg?style=flat-square |
12 | | -[download-url]: https://npmjs.org/package/react-native-input-spinner |
13 | 13 |
|
14 | | -*Compatible with: Android, iOS, Windows, Web and Expo* |
| 14 | +</center> |
15 | 15 |
|
16 | 16 | **Github:** https://github.com/marcocesarato/react-native-input-spinner |
17 | 17 |
|
|
24 | 24 | An extendible input number spinner component for react-native highly customizable. |
25 | 25 | This component enhance a text input for entering numeric values, with increase and decrease buttons. |
26 | 26 |
|
| 27 | +*Compatible with: Android, iOS, Windows, Web and Expo.* |
| 28 | + |
27 | 29 | ## 🎨 Screenshots |
28 | 30 |
|
29 | 31 | Default props + Min & Max colors | Not rounded, showBorder, Min & Max colors | |
30 | 32 | ------------------|-------------| |
31 | | -<img src="screenshots/example.png" /> | <img src="screenshots/example_2.png" /> | |
| 33 | +<img src="images/example.png" /> | <img src="images/example_2.png" /> | |
32 | 34 |
|
33 | 35 | ### High customization |
34 | | -<img src="screenshots/customization.png" /> |
| 36 | +<img src="images/customization.png" /> |
35 | 37 |
|
36 | 38 | ## 📖 Install |
37 | 39 |
|
@@ -76,14 +78,14 @@ expo start |
76 | 78 | Open Expo Client on your device. Use it to scan the QR code printed by `expo start`. You may have to wait a minute while your project bundles and loads for the first time. |
77 | 79 |
|
78 | 80 | ### Example app |
79 | | -<img src="screenshots/example_app.png" /> |
| 81 | +<img src="images/example_app.png" /> |
80 | 82 |
|
81 | 83 | ## 💡 Props |
82 | 84 |
|
83 | 85 | Check the "[Props List](PROPS.md)" file to have the complete list of component props ordered by name. |
84 | 86 |
|
85 | 87 | ### Structure |
86 | | -<img src="screenshots/structure.png" /> |
| 88 | +<img src="images/structure.png" /> |
87 | 89 |
|
88 | 90 | ### Handlers |
89 | 91 |
|
@@ -112,7 +114,7 @@ Property | Description | Type | Default | Note |
112 | 114 |
|
113 | 115 | #### Screenshots |
114 | 116 |
|
115 | | -<img src="screenshots/append.png"/> |
| 117 | +<img src="images/append.png"/> |
116 | 118 |
|
117 | 119 | ##### Description |
118 | 120 | - Top spinner with a child |
@@ -143,7 +145,7 @@ Property | Description | Type | Default | Note |
143 | 145 | `buttonPressTextColor` | Custom color of the button of the Spinner on Pressed state | String | `#FFFFFF` | |
144 | 146 |
|
145 | 147 | #### Screenshots |
146 | | -<img src="screenshots/button_press.gif" /> |
| 148 | +<img src="images/button_press.gif" /> |
147 | 149 |
|
148 | 150 | ##### Description |
149 | 151 | - Spinner with `color`, `buttonTextColor`, `colorPress` and `buttonPressTextColor` custom colors |
|
0 commit comments