rn-spinner
Number Spinner component for react-native.
Install
npm install rn-spinner --save Usage
// Require var Spinner = require('rn-spinner'); // Use <Spinner max={10} min={2} default={5} color="#f60" numColor="#f60" onNumChange={(num)=>{console.log(num)}} Props
| Property | Description | Type | Default | Note |
|---|---|---|---|---|
| max | number | 0 | ||
| min | number | 99 | ||
| default | default number of the Spinner | number | 0 | You can define either default or value. |
| value | controlled value of the Spinner | number | undefined | If value is defined, then the value can change only via the property. This means that onNumChange must be defined and change external state. |
| color | custom color of the Spinner | string | '#33c9d6' | |
| numColor | custom number color | string | '#333' | |
| numBgColor | background color of number button | string | 'white' | |
| onNumChange | get the number of the Spinner | func | ||
| showBorder | show the border of the Spinner or not | bool | true | |
| disabled | disable the Spinner or not | bool | false | |
| fontSize | custom fontSize of the text input in the Spinner | number | 14 | |
| btnFontSize | custom fontSize of buttons in the Spinner | number | 14 | |
| buttonTextColor | custom color of the button in the Spinner | string | 'white' | |
| width | custom width of the Spinner | number | 90 | |
| height | custom height of the Spinner | number | 30 |
Screenshot
Feedback
License
The MIT License
