JSPM – react-native-range-slider@0.0.1

Package Exports

react-native-range-slider

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-range-slider) 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 Range Slider

The high-quality native iOS range slider for react native. A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range.

Getting Started

Installation
- Using npm: npm install --save react-native-range-slider
- Using yarn: yarn add react-native-range-slider
Link
- Run react-native link react-native-range-slider
- If linking fails, follow the manual linking steps

Usage

import RangeSlider from 'react-native-range-slider'

<View style={{flex: 1, flexDirection: 'row'}}>
 <RangeSlider
   minValue={0}
   maxValue={100}
   selectedMinimum={20}
   selectedMaximum={40}
   style={{ flex: 1, height: 70, padding: 10, backgroundColor: '#ddd' }}
   onChange={this.priceChange}
 />
</View>

Todo

Add possibility to update markers color related properties.
Impliment other necessary methods.
Improve the documentation and add examples.
Make the module cooler.

Credits

Thanks to the creator of the module TTRangeSlider, which this module is based on.

How to contribute ?

You are interested and want to contribute? Awesome, just consider the following steps:

Fork this repository.
Add and test the fixes/improvements you want to add
Submit your pull request(PR).