diff --git a/src/components/bottomSheetModal/BottomSheetModal.tsx b/src/components/bottomSheetModal/BottomSheetModal.tsx
index 8ee4f05c7..d41a13590 100644
--- a/src/components/bottomSheetModal/BottomSheetModal.tsx
+++ b/src/components/bottomSheetModal/BottomSheetModal.tsx
@@ -45,6 +45,7 @@ const BottomSheetModalComponent = forwardRef<
snapPoints,
enablePanDownToClose = true,
animateOnMount = true,
+ containerComponent: ContainerComponent = React.Fragment,
// callbacks
onChange: _providedOnChange,
@@ -375,23 +376,25 @@ const BottomSheetModalComponent = forwardRef<
handleOnUpdate={handlePortalRender}
handleOnUnmount={handlePortalOnUnmount}
>
- : Content
- }
- $modal={true}
- />
+
+ : Content
+ }
+ $modal={true}
+ />
+
) : null;
});
diff --git a/src/components/bottomSheetModal/types.d.ts b/src/components/bottomSheetModal/types.d.ts
index fc1d90817..bc1e71a4e 100644
--- a/src/components/bottomSheetModal/types.d.ts
+++ b/src/components/bottomSheetModal/types.d.ts
@@ -35,6 +35,14 @@ export interface BottomSheetModalProps
*/
enableDismissOnClose?: boolean;
+ /**
+ * Add a custom container like FullWindowOverlay
+ * allow to fix issue like https://github.com/gorhom/react-native-bottom-sheet/issues/832
+ * @type React.ComponentType
+ * @default undefined
+ */
+ containerComponent?: React.ComponentType>;
+
// callbacks
/**
* Callback when the modal dismissed.