feat: improvements, fixes and new props (#115)

* fix: header component pan gesture handler for Android

* feat: added new props and fixed keyboard handling

* fix: options import for case sensetive fs

* docs: fixed examples

* docs: added new props

* fix: examples

* Revert "docs: fixed examples"

This reverts commit 8696e78.

* fix: watch:react-navigation script

* fix: simplified handling of the modal height and keyboard handling

* fix: keyboardAvoidingView enabled prop

* fix: removed unnecessary component wrapper

* feat: added the new avoidKeyboardLikeIOS prop

* fix: updated expo examples

docs/PROPSMETHODS.md

@@ -120,6 +120,30 @@ If you have any inputs inside your cont and you want to manage how the view shou
 | ------------------------------------- | -------- |
 | enum('height', 'position', 'padding') | No       |
 
+### `keyboardAvoidingOffset`
+
+See [`react-native` documentation](https://facebook.github.io/react-native/docs/keyboardavoidingview#keyboardverticaloffset) for more informations.
+
+| Type     | Required | Default  |
+| -------- | -------- | -------- |
+| number   | No       | `0`      |
+
+### `panGestureEnabled`
+
+Using this prop will enable/disable pan gesture
+
+| Type     | Required | Default  |
+| -------- | -------- | -------- |
+| bool     | No       | `true`   |
+
+### `closeOnOverlayTap`
+
+Using this prop will enable/disable overlay tap gesture
+
+| Type     | Required | Default  |
+| -------- | -------- | -------- |
+| bool     | No       | `true`   |
+
 ### `withReactModal`
 
 Define if `Modalize` has to be wrap with the Modal component from react-native.

examples/expo/src/components/modals/FixedContent.js

@@ -35,7 +35,7 @@ export class FixedContent extends React.PureComponent {
 
   render() {
     return (
-      <Modalize ref={this.modal} adjustToContentHeight>
+      <Modalize ref={this.modal} adjustToContentHeight avoidKeyboardLikeIOS>
         {this.renderContent()}
       </Modalize>
     );

examples/expo/src/components/modals/SimpleContent.js

@@ -56,6 +56,7 @@ export class SimpleContent extends React.PureComponent {
           showsVerticalScrollIndicator: false,
           stickyHeaderIndices: [0],
         }}
+        avoidKeyboardLikeIOS
       >
         {this.renderContent()}
       </Modalize>

examples/react-native-navigation/src/screens/AlwaysOpen.js

@@ -3,7 +3,7 @@ import { StyleSheet, Text, View } from 'react-native';
 import { Modalize } from 'react-native-modalize';
 import faker from 'faker';
 
-import { Button } from '../button/Button';
+import { Button } from '../components/button/Button';
 
 export class AlwaysOpen extends React.PureComponent {
   modal = React.createRef();

examples/react-navigation/src/components/modals/CustomStyle.js

@@ -36,7 +36,6 @@ export class CustomStyle extends React.PureComponent {
           timing: { duration: 400 },
           spring: { speed: 20, bounciness: 10 },
         }}
-        adjustToContentHeight
       >
         {this.renderContent()}
       </Modalize>

package.json

@@ -13,7 +13,7 @@
     "watch:modalize": "yarn tsc --watch",
     "watch:expo": "concurrently \"yarn watch:modalize\" \"yarn cpx 'src/**/*' 'examples/expo/node_modules/react-native-modalize' --watch\"",
     "watch:react-native-navigation": "concurrently \"yarn watch:modalize\" \"yarn cpx 'src/**/*' 'examples/react-native-navigation/node_modules/react-native-modalize' --watch\"",
-    "watch:react-navigation": "concurrently \"yarn watch:modalize\" \"yarn cpx 'src/**/*' 'examples/react-navigation/node_modules/react-native-modalize/lib' --watch\""
+    "watch:react-navigation": "concurrently \"yarn watch:modalize\" \"yarn cpx 'src/**/*' 'examples/react-navigation/node_modules/react-native-modalize' --watch\""
   },
   "keywords": [
     "react-native",