README
react-native-counter-stepper

This is a simple light weight react native counter component
Installation
This module is distributed via npm
npm install react-native-counter-stepper
yarn add react-native-counter-stepper
Usage
Import
import Counter from 'react-native-counter-stepper';
return(
<Counter value={state} onValueChange={(val) => setState(val)} />
)
Props
Name | Description | type | Optional | Default |
---|---|---|---|---|
value | value of the counter | number | false | |
onValueChange | callback when value change | (newValue, change) => void | false | |
minValue | minimum value of the counter | number | true | Number.MIN_SAFE_INTEGER |
maxValue | maximum value of the counter | number | true | Number.MAX_SAFE_INTEGER |
step | Increment/reduction by step | number | true | 1 |
minText | Text on the decrease button | string | true | - |
maxText | Text on the increase button | string | true | + |
style | style for counter outermost container | View Style | true | |
activeBackgroundColor | button onpress background color | color | true | rgba(40,121,255,0.94) |
buttonStyle | style for button | View Style | true | |
buttonnTextStyle | style for button's text | Text Style | true | |
labelStyle | style for value | View Style | true | |
labelTextStyle | style for value's text | Text Style | true |
Contributors
Thanks goes to these people (emoji key)
Ezekiel Ilori 🤔 💻 ⚠️ 📖 |