feat: add modalElevation for Android #161

docs/PROPSMETHODS.md

@@ -56,6 +56,14 @@ Define where the handle on top of the modal should be positioned.
 | ------------------------- | -------- | --------- |
 | enum('outside', 'inside') | No       | `outside` |
 
+### `modalElevation`
+
+A number to define the elevation of the modal on Android. Useful if you have other elements of your app using other values of elevation.
+
+| Type     | Required | Platform |
+| -------- | -------- | -------- |
+| number   | No       | Android  |
+
 ### `modalStyle`
 
 Define the style of the modal.
@@ -192,9 +200,9 @@ Define if `Modalize` has to be wrap with the Modal component from react-native.
 
 ?> It's not recommended to pass it at `true`. Check the [examples' documentation](/EXAMPLES.md) to find the other ways to handle it.
 
-| Type     | Required | Default  |
-| -------- | -------- | -------- |
-| bool     | No       | `false`  |
+| Type     | Required | Default  | Platform |
+| -------- | -------- | -------- | -------- |
+| bool     | No       | `false`  | iOS      |
 
 ### `withHandle`
 

src/index.tsx

@@ -795,6 +795,7 @@ export class Modalize<FlatListItem = any, SectionListItem = any> extends React.C
       panGestureEnabled,
       avoidKeyboardLikeIOS,
       adjustToContentHeight,
+      modalElevation: elevation,
     } = this.props;
     const { isVisible, lastSnap, showContent } = this.state;
     const pointerEvents = alwaysOpen ? 'box-none' : 'auto';
@@ -815,7 +816,7 @@ export class Modalize<FlatListItem = any, SectionListItem = any> extends React.C
     }
 
     return (
-      <View style={s.modalize} pointerEvents={pointerEvents}>
+      <View style={[s.modalize, { elevation }]} pointerEvents={pointerEvents}>
         <TapGestureHandler
           ref={this.modal}
           maxDurationMs={100000}

src/options.ts

@@ -66,6 +66,11 @@ export interface IProps<FlatListItem = any, SectionListItem = any> {
    */
   handlePosition: 'outside' | 'inside';
 
+  /**
+   * A number to define the elevation of the modal on Android. Useful if you have other elements of your app using other values of elevation. (Android specific)
+   */
+  modalElevation?: number;
+
   /**
    * Define the style of the modal.
    */