fix: add reanimated 2 compatibility to bottom sheet modal

gorhom · Oct 1, 2020 · 2d47007 · 2d47007
1 parent a608ea5
commit 2d47007
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/bottomSheetModal/BottomSheetModal.tsx b/src/components/bottomSheetModal/BottomSheetModal.tsx
@@ -9,11 +9,7 @@ import React, {
 } from 'react';
 import isEqual from 'lodash.isequal';
 import { useValue } from 'react-native-redash';
-import Animated, {
-  Extrapolate,
-  interpolate,
-  set,
-} from 'react-native-reanimated';
+import Animated, { Extrapolate, set } from 'react-native-reanimated';
 import BottomSheet from '../bottomSheet';
 import {
   DEFAULT_OVERLAY_OPACITY,
@@ -23,6 +19,12 @@ import {
 } from './constants';
 import type { BottomSheetModalType, BottomSheetModalProps } from './types';
 
+const {
+  interpolate: interpolateV1,
+  interpolateNode: interpolateV2,
+} = require('react-native-reanimated');
+const interpolate = interpolateV2 || interpolateV1;
+
 type BottomSheetModal = BottomSheetModalType;
 
 const BottomSheetModalComponent = forwardRef<