react-native-number-spinner

rn-spinner

Number Spinner component for react-native.

Based on https://github.com/RNComponents/rn-spinner

Install

npm install react-native-number-spinner --save

Usage

// Require
include Spinner from 'react-native-number-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

Issues

License

The MIT License