react-native-number-spinner-v2

Number Spinner component for react-native.

Based on https://github.com/skiddolo/react-native-number-spinner

Npm Install

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

Yarn Install

yarn add react-native-number-spinner-v2

Usage

// Require
import Spinner from 'react-native-number-spinner-v2';

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