rn-spinner
v0.3.2
Published
Number spinner for react-native
Downloads
27
Maintainers
Readme
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