fix: ensure back compatibility with web

callstack · Jan 8, 2024 · 243350b · 243350b
1 parent 6b829b2
commit 243350b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -161,7 +161,9 @@ const Button = ({
       Animated.timing(elevation, {
         toValue: 8,
         duration: 200 * scale,
-        useNativeDriver: Platform.constants.reactNativeVersion.minor <= 72,
+        useNativeDriver:
+          Platform.OS === 'web' ||
+          Platform.constants.reactNativeVersion.minor <= 72,
       }).start();
     }
   };
@@ -172,7 +174,9 @@ const Button = ({
       Animated.timing(elevation, {
         toValue: 2,
         duration: 150 * scale,
-        useNativeDriver: Platform.constants.reactNativeVersion.minor <= 72,
+        useNativeDriver:
+          Platform.OS === 'web' ||
+          Platform.constants.reactNativeVersion.minor <= 72,
       }).start();
     }
   };

diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
@@ -166,7 +166,9 @@ const Card = ({
       Animated.timing(elevation, {
         toValue: isPressTypeIn ? 8 : cardElevation,
         duration: animationDuration,
-        useNativeDriver: Platform.constants.reactNativeVersion.minor <= 72,
+        useNativeDriver:
+          Platform.OS === 'web' ||
+          Platform.constants.reactNativeVersion.minor <= 72,
       }).start();
     }
   };

diff --git a/src/components/Chip.tsx b/src/components/Chip.tsx
@@ -152,7 +152,9 @@ const Chip = ({
     Animated.timing(elevation, {
       toValue: 4,
       duration: 200 * scale,
-      useNativeDriver: Platform.constants.reactNativeVersion.minor <= 72,
+      useNativeDriver:
+        Platform.OS === 'web' ||
+        Platform.constants.reactNativeVersion.minor <= 72,
     }).start();
   };
 
@@ -161,7 +163,9 @@ const Chip = ({
     Animated.timing(elevation, {
       toValue: 0,
       duration: 150 * scale,
-      useNativeDriver: Platform.constants.reactNativeVersion.minor <= 72,
+      useNativeDriver:
+        Platform.OS === 'web' ||
+        Platform.constants.reactNativeVersion.minor <= 72,
     }).start();
   };