
Product
Introducing Socket Fix for Safe, Automated Dependency Upgrades
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
react-native-simple-stepper
Advanced tools
A super simple react-native implementation of the classic UIStepper from iOS.
A super simple react-native implementation of the UIStepper control from iOS.
npm i react-native-simple-stepper --save
import SimpleStepper from 'react-native-simple-stepper'
//...
render() {
return (
<SimpleStepper valueChanged={(value) => this.valueChanged(value)} />
)
}
valueChanged(value) {
// If you want to set the value to a certain decimal point you can like so:
const displayValue = value.toFixed(2)
this.setState({
displayValue: displayValue
})
// ...
}
//...
Name | Type | Description | Default |
---|---|---|---|
initialValue | Number | initial value | 0 |
minimumValue | Number | minimum value | 0 |
maximumValue | Number | maximum value | 10 |
stepValue | Number | step value (i.e. increment by 10) | 1 |
backgroundColor | String | background color | transparent |
tintColor | String | color for border, divider and images | blue |
padding | Number | stepper padding | 4 |
valueChanged | Function | Fires when the value changes and the value will be passed down for processing like display or calculations | null |
incrementImage | String or Number | network or local image | require('./assets/increment.png') |
decrementImage | String or Number | network or local image | require('./assets/decrement.png') |
tintOnIncrementImage | Boolean | whether or not you want tintColor applied to increment image | true |
tintOnDecrementImage | Boolean | whether or not you want tintColor applied to decrement image | true |
imageHeight | Number | network image height | 36 |
imageWidth | Number | network image width | 36 |
activeOpacity | Number | touch opacity | 0.4 |
disabledOpacity | Number | when step button is disabled | 0.5 |
disabled | Boolean | stepper disable state | false |
renderIncrement | Function | render increment component(s) | null |
renderDecrement | Function | render decrement component(s) | null |
FAQs
A parity version of the iOS UIStepper.
The npm package react-native-simple-stepper receives a total of 85 weekly downloads. As such, react-native-simple-stepper popularity was classified as not popular.
We found that react-native-simple-stepper demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
Security News
CISA denies CVE funding issues amid backlash over a new CVE foundation formed by board members, raising concerns about transparency and program governance.
Product
We’re excited to announce a powerful new capability in Socket: historical data and enhanced analytics.