feat: You can click bottom sheets away by pressing the backdrop

Author: TriPSs

app/modules/BottomSheetManager/BottomSheetProvider.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { StyleSheet, View } from 'react-native'
+import { StyleSheet, View, TouchableWithoutFeedback } from 'react-native'
 import BottomSheet from 'reanimated-bottom-sheet'
 import ReAnimated from 'react-native-reanimated'
 
@@ -109,7 +109,10 @@ export const BottomSheetProvider = ({ children }) => {
             outputRange: [0.8, 0],
           }),
         }}>
-        <View style={[styles.overlayContainer, styles.overlay]} />
+
+        <TouchableWithoutFeedback onPress={closeBottomSheet}>
+          <View style={[styles.overlayContainer, styles.overlay]} />
+        </TouchableWithoutFeedback>
       </ReAnimated.View>
 
       <BottomSheet

package.json

@@ -26,7 +26,8 @@
     "test:watch": "yarn test --watch"
   },
   "resolutions": {
-    "react-native-gesture-handler": "1.8.0"
+    "react-native-gesture-handler": "1.8.0",
+    "react-native-reanimated": "1.13.0"
   },
   "dependencies": {
     "@apollo/client": "^3.3.2",
@@ -55,7 +56,7 @@
     "react-native-linear-gradient": "2.5.6",
     "react-native-markdown-renderer": "^3.2.8",
     "react-native-orientation": "^3.1.3",
-    "react-native-reanimated": "1.13.2",
+    "react-native-reanimated": "1.13.0",
     "react-native-safe-area-context": "3.1.9",
     "react-native-screens": "2.15.0",
     "react-native-splash-screen": "3.2.0",

yarn.lock

@@ -7818,10 +7818,10 @@ react-native-orientation@^3.1.3:
   resolved "https://registry.yarnpkg.com/react-native-orientation/-/react-native-orientation-3.1.3.tgz#d45803841fe94b6cce9acbe904fd5ca191a3711e"
   integrity sha512-A0h0E+2f95X4avmhaBG1ZT8WDxBACA/q//JN2eF1E7kq8AJVxt5XDiavv+aSBkBlqFsfF3bIS+T/DB5mXmnxuA==
 
-[email protected].2:
-  version "1.13.2"
-  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.13.2.tgz#1ae5457b24b4913d173a5a064bb28eae7783d293"
-  integrity sha512-O+WhgxSjOIzcVdAAvx+h2DY331Ek1knKlaq+jsNLpC1fhRy9XTdOObovgob/aF2ve9uJfPEawCx8381g/tUJZQ==
+[email protected].0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.13.0.tgz#1ee5d27d34bd2cee7dfad4ae9a3673300872c917"
+  integrity sha512-uadP/0QO+4TCsyPSvzRdl+76NPM7Bp8M25KQLB4Hg3tWBMjhrMrETnzNi33L/OPfmhU+7rceyi0QPe/DxKT5bQ==
   dependencies:
     fbjs "^1.0.0"