shadow container height and width are separated now

Author: kuraydev

lib/src/components/bottomMenu/BottomMenu.js

@@ -15,7 +15,9 @@ class BottomMenu extends Component {
       children,
       shadowStyle,
       shadowColor,
-      backgroundColor
+      backgroundColor,
+      shadowContainerWidth,
+      shadowContainerHeight
     } = this.props;
     return (
       <Androw
@@ -24,7 +26,13 @@ class BottomMenu extends Component {
           shadowStyle || _shadowStyle(shadowColor)
         ]}
       >
-        <View style={mainStyle(height, width, backgroundColor)}>
+        <View
+          style={mainStyle(
+            shadowContainerHeight,
+            shadowContainerWidth,
+            backgroundColor
+          )}
+        >
           {children}
         </View>
       </Androw>
@@ -36,14 +44,18 @@ BottomMenu.propTypes = {
   height: PropTypes.number,
   width: PropTypes.number,
   shadowColor: PropTypes.string,
-  backgroundColor: PropTypes.string
+  backgroundColor: PropTypes.string,
+  shadowContainerWidth: PropTypes.number,
+  shadowContainerHeight: PropTypes.number
 };
 
 BottomMenu.defaultProps = {
   height: 75,
   shadowColor: "#000",
   backgroundColor: "white",
-  width: ScreenWidth * 0.75
+  width: ScreenWidth * 0.75,
+  shadowContainerHeight: 75,
+  shadowContainerWidth: ScreenWidth * 0.75
 };
 
 export default BottomMenu;

package.json

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