react-native-line-gauge
A sliding linear gauge (or rule) to pick values easily
Note: This component is only the slide-y bits in the center. You'll want to add your own label and value components.
Install
npm install -S react-native-line-gauge
Usage
<LineGauge min=0 max=100 value=42 onChange=this_handleGaugeChange />Props
| Prop | Default | Description |
|---|---|---|
| min | 1 | minimum value to render |
| max | 100 | maximum value to render |
| largeInterval | 10 | makes a long tick every largeInterval |
| mediumInterval | 5 | makes a medium tick every mediumInterval |
| value | sets the scroll offset to match this value render | |
| onChange | noop |
returns current value on scroll |
Showcase
Used in the following apps:
Windchill
License
ISC, copyright Nic Haynes