styles prop and shadowStyleprops are added. Also main container is changed a bit

Author: kuraydev

lib/src/components/bottomMenu/BottomMenu.js

@@ -2,19 +2,26 @@ import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { View } from "react-native";
 import Androw from "react-native-androw";
-import styles, { mainStyle, _shadowStyle } from "./BottomMenu.style";
+import { _container, mainStyle, _shadowStyle } from "./BottomMenu.style";
 
 class BottomMenu extends Component {
   render() {
     const {
-      height,
       width,
+      height,
       backgroundColor,
       shadowColor,
+      shadowStyle,
+      styles,
       children
     } = this.props;
     return (
-      <Androw style={[styles.container, _shadowStyle(shadowColor)]}>
+      <Androw
+        style={[
+          styles || _container(height),
+          shadowStyle || _shadowStyle(shadowColor)
+        ]}
+      >
         <View style={mainStyle(height, width, backgroundColor)}>
           {children}
         </View>

lib/src/components/bottomMenu/BottomMenu.style.js

@@ -30,11 +30,11 @@ export function mainStyle(height, width, backgroundColor) {
   };
 }
 
-export default {
-  container: {
+export function _container(maxHeight) {
+  return {
     flex: 1,
-    marginBottom: 36,
+    maxHeight: maxHeight,
     alignSelf: "center",
     justifyContent: "flex-end"
-  }
-};
+  };
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bottom-menu",
-  "version": "0.0.1",
+  "version": "0.0.11",
   "description": "Fully customizable and dynamic Bottom Menu for React Native.",
   "keywords": [
     "bottom",