JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 139
  • Score
    100M100P100Q80746F
  • License MIT

A super simple react-native implementation of the classic UIStepper from iOS.

Package Exports

  • react-native-simple-stepper

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-simple-stepper) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-simple-stepper

Platform npm version npm version License

screenshot

A super simple react-native implementation of the classic UIStepper from iOS. Check out the props below for customization.

Installation


npm i react-native-simple-stepper --save

Demo


screenshot

Props


| 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 | underlayColor | String | tap color | lightgray | valueChanged | Function | Fires when the value changes and the value will be passed down for processing like display or calculations | null | incrementImageSrc | Number | local image | null | incrementImageUri | String | network image | '' | decrementImageSrc | Number | local image | null | decrementImageUri | String | network image | '' | 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