fix overlay not fill safe area padding

ammarahm-ed · Aug 22, 2022 · 1f190ab · 1f190ab · vercel · Aug 22, 2022
1 parent 724a2f6
commit 1f190ab
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/dist/src/index.d.ts.map b/dist/src/index.d.ts.map
diff --git a/dist/src/index.js b/dist/src/index.js
@@ -501,7 +501,8 @@ export default forwardRef(function ActionSheet(_a, ref) {
                 },
             ]}>
               {!(props === null || props === void 0 ? void 0 : props.backgroundInteractionEnabled) ? (<TouchableOpacity onPress={onTouch} activeOpacity={defaultOverlayOpacity} testID={(_b = props.testIDs) === null || _b === void 0 ? void 0 : _b.backdrop} style={{
-                    height: dimensions.height,
+                    height: Dimensions.get('window').height + 100 ||
+                        dimensions.height + safeAreaPaddingTop.current + 100,
                     width: '100%',
                     position: 'absolute',
                     zIndex: 2,

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-actions-sheet",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "A Cross Platform(Android & iOS) ActionSheet with a robust and flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.",
   "main": "./dist/index.js",
   "repository": {

diff --git a/src/index.tsx b/src/index.tsx
@@ -670,7 +670,9 @@ export default forwardRef<ActionSheetRef, ActionSheetProps>(
                   activeOpacity={defaultOverlayOpacity}
                   testID={props.testIDs?.backdrop}
                   style={{
-                    height: dimensions.height,
+                    height:
+                      Dimensions.get('window').height + 100 ||
+                      dimensions.height + safeAreaPaddingTop.current + 100,
                     width: '100%',
                     position: 'absolute',
                     zIndex: 2,