new-example: Add reanimated babel config & patch `react-navigation-dr…

…awer`
kodefox · Jan 27, 2023 · a53153a · a53153a
1 parent 4800126
commit a53153a
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 0 deletions.
diff --git a/packages/exoflex/new-example/babel.config.js b/packages/exoflex/new-example/babel.config.js
@@ -13,6 +13,7 @@ module.exports = function (api) {
           },
         },
       ],
+      'react-native-reanimated/plugin',
     ],
   };
 };
diff --git a/packages/exoflex/new-example/patches/react-navigation-drawer+2.7.2.patch b/packages/exoflex/new-example/patches/react-navigation-drawer+2.7.2.patch
@@ -0,0 +1,44 @@
+diff --git a/node_modules/react-navigation-drawer/lib/module/views/Drawer.js b/node_modules/react-navigation-drawer/lib/module/views/Drawer.js
+index 3f81450..cf976b7 100644
+--- a/node_modules/react-navigation-drawer/lib/module/views/Drawer.js
++++ b/node_modules/react-navigation-drawer/lib/module/views/Drawer.js
+@@ -14,7 +14,7 @@ const {
+   clockRunning,
+   startClock,
+   stopClock,
+-  interpolate,
++  interpolateNode,
+   spring,
+   abs,
+   add,
+@@ -331,7 +331,7 @@ export default class Drawer extends React.PureComponent {
+       onHandlerStateChange: this.handleTapStateChange
+     }, /*#__PURE__*/React.createElement(Animated.View, {
+       style: [styles.overlay, {
+-        opacity: interpolate(this.progress, {
++        opacity: interpolateNode(this.progress, {
+           inputRange: [PROGRESS_EPSILON, 1],
+           outputRange: [0, 1]
+         }),
+diff --git a/node_modules/react-navigation-drawer/src/views/Drawer.tsx b/node_modules/react-navigation-drawer/src/views/Drawer.tsx
+index cefefd8..70560e2 100644
+--- a/node_modules/react-navigation-drawer/src/views/Drawer.tsx
++++ b/node_modules/react-navigation-drawer/src/views/Drawer.tsx
+@@ -23,7 +23,7 @@ const {
+   clockRunning,
+   startClock,
+   stopClock,
+-  interpolate,
++  interpolateNode,
+   spring,
+   abs,
+   add,
+@@ -548,7 +548,7 @@ export default class Drawer extends React.PureComponent<Props> {
+                   style={[
+                     styles.overlay,
+                     {
+-                      opacity: interpolate(this.progress, {
++                      opacity: interpolateNode(this.progress, {
+                         inputRange: [PROGRESS_EPSILON, 1],
+                         outputRange: [0, 1],
+                       }),
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,6 +13,7 @@ module.exports = function (api) { @@
               },
             },
           ],
+          'react-native-reanimated/plugin',
         ],
       };
     };