1.2.1 • Published 7 years ago
react-native-line-gauge v1.2.1
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-gaugeUsage
<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