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.