feat: add react modal props to Modalize

docs/PROPS.md

@@ -444,6 +444,14 @@ Define if `Modalize` has to be wrap with the Modal component from react-native.
 | ---- | -------- | ------- |
 | bool | No       | `false` |
 
+### `reactModalProps`
+
+Props for the react-native `Modal` wrapping `Modalize`.
+
+| Type       | Required |
+| ---------- | -------- |
+| ModalProps | No       |
+
 ### `withHandle`
 
 Define if the handle on top of the modal is display or not.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-modalize",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "A highly customizable modal/bottom sheet that loves scrolling content.",
   "main": "lib/index.js",
   "types": "./lib/index.d.ts",

src/index.tsx

@@ -115,6 +115,7 @@ const ModalizeBase = (
 
     // Elements visibilities
     withReactModal = false,
+    reactModalProps,
     withHandle = true,
     withOverlay = true,
 
@@ -951,6 +952,7 @@ const ModalizeBase = (
 
   const renderReactModal = (child: JSX.Element): JSX.Element => (
     <Modal
+      {...reactModalProps}
       supportedOrientations={['landscape', 'portrait', 'portrait-upside-down']}
       onRequestClose={handleBackPress}
       hardwareAccelerated={USE_NATIVE_DRIVER}

src/options.ts

@@ -11,6 +11,7 @@ import {
   FlatList,
   SectionList,
   StyleProp,
+  ModalProps,
 } from 'react-native';
 
 export type TOpen = 'default' | 'top';
@@ -237,6 +238,11 @@ export interface IProps<ListItem = any> {
    */
   withReactModal?: boolean;
 
+  /**
+   * Props for the react-native Modal wrapping Modalize
+   */
+  reactModalProps: ModalProps;
+
   /**
    * Define if the handle on top of the modal is display or not.
    * @default true