Merge pull request #45314 from Expensify/yuwen-sliderDependency

Make Slider Transformation Function Callback a worklet (cherry picked from commit 951e3fe)
Expensify · Jul 15, 2024 · b65231d · b65231d
1 parent a813a63
commit b65231d
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/AvatarCropModal/Slider.tsx b/src/components/AvatarCropModal/Slider.tsx
@@ -30,9 +30,13 @@ function Slider({sliderValue, gestureCallbacks}: SliderProps) {
 
     // A reanimated memoized style, which tracks
     // a translateX shared value and updates the slider position.
-    const rSliderStyle = useAnimatedStyle(() => ({
-        transform: [{translateX: sliderValue.value}],
-    }));
+    const rSliderStyle = useAnimatedStyle(() => {
+        'worklet';
+
+        return {
+            transform: [{translateX: sliderValue.value}],
+        };
+    });
 
     const panGesture = Gesture.Pan()
         .minDistance(5)