Fix bug with double thumb background color (miblanchard#414)

Neiso · Sep 6, 2023 · 516c820 · 516c820
1 parent 5e16c6c
commit 516c820
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -701,6 +701,7 @@ export class Slider extends PureComponent<SliderProps, SliderState> {
         const minTrackWidth = _startFromZero
             ? Math.abs(_value) * sliderWidthCoefficient - thumbSize.width / 2
             : interpolatedTrackValues[0];
+        const maxTrackWidth = interpolatedTrackValues[1];
         const clearBorderRadius = {} as ViewStyle;
         if (_startFromZero && _value < 0 + step) {
             clearBorderRadius.borderBottomRightRadius = 0;
@@ -716,14 +717,11 @@ export class Slider extends PureComponent<SliderProps, SliderState> {
             left:
                 interpolatedTrackValues.length === 1
                     ? new Animated.Value(startPositionOnTrack)
-                    : Animated.add(minThumbValue, thumbSize.width / 2),
+                    : Animated.add(minTrackWidth, thumbSize.width / 2),
             width:
                 interpolatedTrackValues.length === 1
                     ? Animated.add(minTrackWidth, thumbSize.width / 2)
-                    : Animated.add(
-                          Animated.multiply(minThumbValue, -1),
-                          maxThumbValue,
-                      ),
+                    : Animated.add(Animated.multiply(minTrackWidth, -1), maxTrackWidth),
             backgroundColor: minimumTrackTintColor,
             ...valueVisibleStyle,
             ...clearBorderRadius,