fix: use native driver for gestures

react-navigation · Jan 1, 2020 · 9356598 · 9356598
1 parent ef0f5d6
commit 9356598
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/packages/stack/src/views/Stack/Card.tsx b/packages/stack/src/views/Stack/Card.tsx
@@ -376,15 +376,18 @@ export default class Card extends React.Component<Props> {
     } = interpolatedStyle;
 
     const handleGestureEvent = gestureEnabled
-      ? Animated.event([
-          {
-            nativeEvent:
-              gestureDirection === 'vertical' ||
-              gestureDirection === 'vertical-inverted'
-                ? { translationY: gesture }
-                : { translationX: gesture },
-          },
-        ])
+      ? Animated.event(
+          [
+            {
+              nativeEvent:
+                gestureDirection === 'vertical' ||
+                gestureDirection === 'vertical-inverted'
+                  ? { translationY: gesture }
+                  : { translationX: gesture },
+            },
+          ],
+          { useNativeDriver: true }
+        )
       : undefined;
 
     const { backgroundColor } = StyleSheet.flatten(contentStyle || {});