Add preview & Update README

Author: jacklam718

.github/bottom-modal.gif

@@ -14,8 +14,8 @@ Just click on ⭐️ button 😘
 <br>
 <!-- ![Example](https://jacklam718.github.io/react-native-modals/resources/react-native-modals.gif) -->
 <span>
-  <img src="https://raw.githubusercontent.com/jacklam718/react-native-modals/master/.github/fade-animation.gif" width="220">&nbsp;&nbsp;
-  <img src="https://raw.githubusercontent.com/jacklam718/react-native-modals/master/.github/scale-animation.gif" width="220">&nbsp;&nbsp;
+  <img src="https://raw.githubusercontent.com/jacklam718/react-native-modals/master/.github/swipeable-modal.gif" width="220">&nbsp;&nbsp;
+  <img src="https://raw.githubusercontent.com/jacklam718/react-native-modals/master/.github/bottom-modal.gif" width="220">&nbsp;&nbsp;
   <img src="https://raw.githubusercontent.com/jacklam718/react-native-modals/master/.github/slide-animation.gif" width="220">
 </span>
 
@@ -33,6 +33,7 @@ yarn add react-native-modals
 ## Exposed Modules
 
 * Modal
+* BottomModal
 * Backdrop
 * ModalButton
 * ModalContent
@@ -42,6 +43,8 @@ yarn add react-native-modals
 * FadeAnimation
 * ScaleAnimation
 * SlideAnimation
+* DragEvent,
+* SwipeDirection,
 * ModalProps
 * ModalFooterProps
 * ModalButtonProps
@@ -96,6 +99,27 @@ import Modal, { SlideAnimation, ModalContent } from 'react-native-modals';
 </View>
 ```
 
+## Usage - Swipe
+```jsx
+import Modal, { ModalContent } from 'react-native-modals';
+import { Button } from 'react-native'
+
+<View style={styles.container}>
+  <Modal
+    visible={this.state.visible}
+    swipeDirection={['up', 'down']} // can be string or an array
+    swipeThreshold={200} // default 100
+    onSwipeOut={(event) => {
+      this.setState({ visible: false });
+    }}
+  >
+    <ModalContent>
+      {...}
+    </ModalContent>
+  </Modal>
+</View>
+```
+
 ## Usage - Modal Title
 ```jsx
 import Modal, { ModalTitle, ModalContent } from 'react-native-modals';
@@ -164,9 +188,15 @@ import Modal, { ModalFooter, ModalButton, ModalContent } from 'react-native-moda
 | `onDismiss?` | `Function` | | You can pass onDismiss function as a callback function, will call the function when modal dismissed | |
 | `onTouchOutside?` | `Function` | `() => {}` | | |
 | `onHardwareBackPress?` | `Function` | `() => true` | [Handle hardware button presses](https://facebook.github.io/react-native/docs/backhandler) | |
+| `onMove?` | `Function` | `() => {}` | | |
+| `onSwiping?` | `Function` | `() => {}` | | |
+| `onSwipeRelease?` | `Function` | `() => {}` | | |
+| `onSwipingOut?` | `Function` | `() => {}` | | |
+| `onSwipeOut?` | `Function` | | | |
+| `swipeDirection?` | `string or Array<string>` | [] | Available option: `up`, `down`, `left`, `right` | |
+| `swipeThreshold?` | `number` | `100` | | |
 | `footer?` | `React Element` | `null` | for example: ```<View><Button text="DISMISS" align="center" onPress={() => {}}/></View>``` | |
 
-
 ### ModalTitle
 | Prop | Type | Default | Note |
 |---|---|---|---|

.github/swipeable-modal.gif

@@ -1,6 +1,6 @@
 {
   "name": "react-native-modals",
-  "version": "0.19.4",
+  "version": "0.19.5",
   "description": "React Native Modals Library for IOS & Android.",
   "main": "dist/index.js",
   "scripts": {

README.md

@@ -91,7 +91,6 @@ class BaseModal extends Component<ModalProps, State> {
     onSwiping: () => {},
     onSwipeRelease: () => {},
     onSwipingOut: () => {},
-    onSwipeOut: () => {},
     useNativeDriver: true,
   }
 

dist/components/BaseModal.js

@@ -1,4 +1,6 @@
 import {
+  DragEvent,
+  SwipeDirection,
   ModalProps,
   ModalFooterProps,
   ModalFooterActionList,
@@ -21,7 +23,7 @@ import FadeAnimation from './animations/FadeAnimation';
 import ScaleAnimation from './animations/ScaleAnimation';
 import SlideAnimation from './animations/SlideAnimation';
 
-Modal.BottomModal = BottomModal
+Modal.BottomModal = BottomModal;
 
 export {
   DraggableView,
@@ -36,6 +38,8 @@ export {
   FadeAnimation,
   ScaleAnimation,
   SlideAnimation,
+  DragEvent,
+  SwipeDirection,
   ModalProps,
   ModalFooterProps,
   ModalFooterActionList,