fix: dynamic update of Button styles

callstack · Dec 6, 2024 · 9b37692 · 9b37692
1 parent f81eebc
commit 9b37692
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
@@ -227,7 +227,13 @@ const Button = (
   );
 
   React.useEffect(() => {
-    elevation.setValue(isElevationEntitled ? initialElevation : 0);
+    // Workaround not to call setValue on Animated.Value, because it breaks styles.
+    // https://github.com/callstack/react-native-paper/issues/4559
+    Animated.timing(elevation, {
+      toValue: isElevationEntitled ? initialElevation : 0,
+      duration: 0,
+      useNativeDriver: true,
+    });
   }, [isElevationEntitled, elevation, initialElevation]);
 
   const handlePressIn = (e: GestureResponderEvent) => {