chore: compatibility with reanimated v2 (#38)

Author: rgommezz

README.md

@@ -40,7 +40,7 @@ yarn add react-native-scroll-bottom-sheet
 
 If you don't use Expo, you also need to install [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) and [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated) libraries along with this one.
 
-It's recommended you install a version of gesture handler equal or higher than `1.6.0`, and for reanimated, equal or higher than `1.7.0`. Otherwise you may run into unexpected errors.
+It's recommended you install a version of gesture handler equal or higher than `1.6.0`, and for reanimated, equal or higher than `1.7.0`. Otherwise you may run into unexpected errors. This library is also compatible with reanimated 2.x, starting with `react-native-reanimated: 2.0.0-alpha.4`.
 
 ## Compatibility table
 You may add some touchable components inside the bottom sheet or several `FlatList` widgets for horizontal mode. Unfortunately, not all _interactable_ React Native components are compatible with this library. This is due to some limitations on `react-native-gesture-handler`, which this library uses behind the scenes. For that, please follow this compatibility table:

src/index.tsx

@@ -28,13 +28,14 @@ import Animated, {
   Clock,
   clockRunning,
   cond,
-  Easing,
+  Easing as EasingDeprecated,
+  // @ts-ignore: this property is only present in Reanimated 2
+  EasingNode,
   eq,
   event,
   Extrapolate,
   greaterOrEq,
   greaterThan,
-  interpolate,
   multiply,
   not,
   onChange,
@@ -55,6 +56,17 @@ import {
 } from 'react-native-gesture-handler';
 import { Assign } from 'utility-types';
 
+const {
+  interpolate: interpolateDeprecated,
+  // @ts-ignore: this property is only present in Reanimated 2
+  interpolateNode,
+} = Animated;
+
+const interpolate: typeof interpolateDeprecated =
+  interpolateNode ?? interpolateDeprecated;
+
+const Easing: typeof EasingDeprecated = EasingNode ?? EasingDeprecated;
+
 const FlatListComponentType = 'FlatList' as const;
 const ScrollViewComponentType = 'ScrollView' as const;
 const SectionListComponentType = 'SectionList' as const;