feat: add onLayout props #49

jeremybarbet · Mar 19, 2020 · 598d548 · 598d548
1 parent 748c3e7
commit 598d548
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/docs/PROPSMETHODS.md b/docs/PROPSMETHODS.md
@@ -268,6 +268,14 @@ Callback used when you press the overlay.
 | -------- | -------- |
 | function | No       |
 
+### `onLayout`
+
+Callback to subscribe to layout changes. Return the `LayoutRectangle` object from react-native.
+
+| Type                                                                                         | Required |
+| -------------------------------------------------------------------------------------------- | -------- |
+| function: (nativeEvent: { layout: { height: number, width: number, x: number, y: number } }) | No       |
+
 <br/>
 <br/>
 <br/>

diff --git a/src/index.tsx b/src/index.tsx
@@ -376,7 +376,11 @@ export class Modalize<FlatListItem = any, SectionListItem = any> extends React.C
   };
 
   private onContentViewLayout = ({ nativeEvent }: LayoutChangeEvent): void => {
-    const { adjustToContentHeight, disableScrollIfPossible } = this.props;
+    const { adjustToContentHeight, disableScrollIfPossible, onLayout } = this.props;
+
+    if (onLayout) {
+      onLayout(nativeEvent);
+    }
 
     if (!adjustToContentHeight) {
       return;

diff --git a/src/options.ts b/src/options.ts
@@ -6,6 +6,7 @@ import {
   FlatListProps,
   SectionListProps,
   EasingFunction,
+  LayoutRectangle,
 } from 'react-native';
 
 export interface ITimingProps {
@@ -230,6 +231,11 @@ export interface IProps<FlatListItem = any, SectionListItem = any> {
    * Callback used when you press the overlay.
    */
   onOverlayPress?(): void;
+
+  /**
+   * Callback used when you press the overlay.
+   */
+  onLayout?(nativeEvent: { layout: LayoutRectangle }): void;
 }
 
 export interface IState {