rn-spinner

    0.3.2 • Public • Published

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

    Install

    npm i rn-spinner

    DownloadsWeekly Downloads

    9

    Version

    0.3.2

    License

    MIT

    Last publish

    Collaborators

    • fantasyshao