/rn-spinner

An extensible number Spinner component for react-native.

Primary LanguageJavaScript

rn-spinner

NPM version npm download js-standard-style

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
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

Issues

License

The MIT License