Merge branch 'master' of github.com:xinthink/react-native-material-kit

andramarin · Mar 27, 2016 · b1f8db6 · b1f8db6
2 parents 94a470e + 019db5b
commit b1f8db6
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -284,6 +284,10 @@ const SliderWithRange = mdl.RangeSlider.slider()
     max: curValue.max,
     })
   }
+  onConfirm={(curValue) => {
+    console.log("Slider drag ended");
+    console.log(curValue);
+  }}
   />
 ```
 

diff --git a/lib/mdl/RangeSlider.js b/lib/mdl/RangeSlider.js
@@ -53,7 +53,7 @@ class RangeSlider extends Component {
     this._onThumbRadiiUpdate(nextProps);
   }
 
-  // property initializers begin
+  // region Property initializers
   _onTrackLayout = ({ nativeEvent: { layout: { width } } }) => {
     if (this._trackTotalLength !== width) {
       this._trackTotalLength = width;
@@ -71,6 +71,8 @@ class RangeSlider extends Component {
       ovrRef.confirmMoveTo(this._validateMove(dx, px, width));
       this._overriddenThumb = null;
     });
+
+    this._emitConfirm();
   };
 
   // Respond to Grant and Move touch gestures
@@ -85,7 +87,7 @@ class RangeSlider extends Component {
     });
   };
 
-  // property initializers end
+  // endregion
 
   // Throw error if preset ranges are invalid
   _setRange(range) {
@@ -144,6 +146,15 @@ class RangeSlider extends Component {
     }
   }
 
+  _emitConfirm() {
+    if (this.props.onChange) {
+      this.props.onChange({
+        min: this._toSliderScale(this._range.min),
+        max: this._toSliderScale(this._range.max),
+      });
+    }
+  }
+
   // Internal update of ranges. Values should be to "Pixel Scale"
   _updateValue(values) {
     if (!this._trackTotalLength) {
@@ -358,6 +369,9 @@ RangeSlider.propTypes = {
 
   // Callback when value changed
   onChange: PropTypes.func,
+
+  // Callback when the value range is confirmed
+  onConfirm: PropTypes.func,
 };
 
 // ## <section id='defaults'>Defaults</section>