feat: add style prop to Modal (#2474)

callstack · Jan 8, 2021 · a22ed8d · a22ed8d
1 parent 2d1c56c
commit a22ed8d
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
@@ -41,6 +41,11 @@ type Props = {
    * Style for the content of the modal
    */
   contentContainerStyle?: StyleProp<ViewStyle>;
+  /**
+   * Style for the wrapper of the modal.
+   * Use this prop to change the default wrapper style or to override safe area insets with marginTop and marginBottom.
+   */
+  style?: StyleProp<ViewStyle>;
   /**
    * @optional
    */
@@ -191,6 +196,7 @@ class Modal extends React.Component<Props, State> {
     const {
       children,
       dismissable,
+      style,
       theme,
       contentContainerStyle,
       overlayAccessibilityLabel,
@@ -221,6 +227,7 @@ class Modal extends React.Component<Props, State> {
           style={[
             styles.wrapper,
             { marginTop: TOP_INSET, marginBottom: BOTTOM_INSET },
+            style,
           ]}
           pointerEvents="box-none"
         >