* Thumbs are now updated when low or high value is set

Author: githuboftigran

hooks.js

@@ -23,6 +23,7 @@ export const useLowHigh = (lowProp, highProp, min, max, step) => {
   const validHighProp = highProp === undefined ? max : clamp(highProp, min, max);
   const inPropsRef = useRef({ low: validLowProp, high: validHighProp });
   const { low: lowState, high: highState } = inPropsRef.current;
+  const inPropsRefPrev = { lowPrev: lowState, highPrev: highState };
 
   // Props have higher priority.
   // If no props are passed, use internal state variables.
@@ -34,7 +35,7 @@ export const useLowHigh = (lowProp, highProp, min, max, step) => {
 
   const setLow = value => inPropsRef.current.low = value;
   const setHigh = value => inPropsRef.current.high = value;
-  return { inPropsRef, setLow, setHigh };
+  return { inPropsRef, inPropsRefPrev, setLow, setHigh };
 };
 
 /**

index.js

@@ -29,7 +29,7 @@ const Slider = (
     ...restProps
   }
 ) => {
-  const { inPropsRef, setLow, setHigh } = useLowHigh(lowProp, disableRange ? max : highProp, min, max, step);
+  const { inPropsRef, inPropsRefPrev, setLow, setHigh } = useLowHigh(lowProp, disableRange ? max : highProp, min, max, step);
   const lowThumbXRef = useRef(new Animated.Value(0));
   const highThumbXRef = useRef(new Animated.Value(0));
   const pointerX = useRef(new Animated.Value(0)).current;
@@ -63,11 +63,11 @@ const Slider = (
   }, [disableRange, inPropsRef, max, min, onValueChanged, thumbWidth, updateSelectedRail]);
 
   useEffect(() => {
-    const { low, high } = inPropsRef.current;
-    if ((lowProp !== undefined && lowProp !== low) || (highProp !== undefined && highProp !== high)) {
+    const { lowPrev, highPrev } = inPropsRefPrev;
+    if ((lowProp !== undefined && lowProp !== lowPrev) || (highProp !== undefined && highProp !== highPrev)) {
       updateThumbs();
     }
-  }, [highProp, inPropsRef, lowProp]);
+  }, [highProp, inPropsRefPrev.lowPrev, inPropsRefPrev.highPrev, lowProp]);
 
   useEffect(() => {
     updateThumbs();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-range-slider",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "author": "Tigran Sahakyan <mail.of.tigran@gmail.com>",
   "description": "A highly optimized pure JS implementation of Range Slider for React Native",
   "homepage": "https://github.com/githuboftigran/rn-range-slider",