[V2] Added sideMenu style options similar to V1 options (#3877)

* [V2] Added sideMenu style options similar to V1 options

* Added appropriate header import

* Documented iOS specific styling for new options

* Removed trailing commas for styling consistency

docs/docs/styling.md

@@ -187,6 +187,18 @@ Navigation.mergeOptions(this.props.componentId, {
       fontFamily: 'Helvetica'
     },
   },
+  sideMenu: {
+    left: {
+      shouldStretchDrawer: false, // defaults to true, when false sideMenu contents not stretched when opened past the width
+      animationVelocity: 2500, // defaults to 840, high number is a faster sideMenu open/close animation
+      animationType: 'parallax' // defaults to none if not provided, options are 'parallax', 'door', 'slide', or 'slide-and-scale'    
+    },
+    right: {
+      shouldStretchDrawer: false, // defaults to true, when false sideMenu contents not stretched when opened past the width
+      animationVelocity: 2500, // defaults to 840, high number is a faster sideMenu open/close animation
+      animationType: 'parallax' // defaults to none if not provided, options are 'parallax', 'door', 'slide', or 'slide-and-scale'    
+    }
+  }
   bottomTabs: {
     barStyle: 'default' | 'black',
     translucent: true,

lib/ios/RNNSideMenuSideOptions.h

@@ -8,5 +8,8 @@
 @property (nonatomic, strong) NSNumber* visible;
 @property (nonatomic, strong) NSNumber* enabled;
 @property (nonatomic, strong) NSNumber* width;
+@property (nonatomic, strong) NSNumber* shouldStretchDrawer;
+@property (nonatomic, strong) NSNumber* animationVelocity;
+@property (nonatomic, strong) NSString* animationType;
 
 @end

lib/ios/RNNSideMenuSideOptions.m

@@ -1,5 +1,6 @@
 #import "RNNSideMenuSideOptions.h"
 #import "RNNSideMenuController.h"
+#import "MMDrawerVisualState.h"
 
 @implementation RNNSideMenuSideOptions
 
@@ -17,7 +18,7 @@
 					break;
 			}
 		}
-		
+
 		if (self.visible) {
 			if (self.visible.boolValue) {
 				[sideMenuController showSideMenu:side animated:YES];
@@ -26,6 +27,24 @@
 			}
 		}
 
+		if (self.shouldStretchDrawer) {
+			sideMenuController.sideMenu.shouldStretchDrawer = self.shouldStretchDrawer.boolValue;
+		}
+
+		if (self.animationVelocity) {
+			sideMenuController.sideMenu.animationVelocity = [self.animationVelocity doubleValue];
+		}
+
+		MMDrawerControllerDrawerVisualStateBlock animationTypeStateBlock = nil;
+		if ([self.animationType isEqualToString:@"door"]) animationTypeStateBlock = [MMDrawerVisualState swingingDoorVisualStateBlock];
+    else if ([self.animationType isEqualToString:@"parallax"]) animationTypeStateBlock = [MMDrawerVisualState parallaxVisualStateBlockWithParallaxFactor:2.0];
+    else if ([self.animationType isEqualToString:@"slide"]) animationTypeStateBlock = [MMDrawerVisualState slideVisualStateBlock];
+    else if ([self.animationType isEqualToString:@"slide-and-scale"]) animationTypeStateBlock = [MMDrawerVisualState slideAndScaleVisualStateBlock];
+
+		if (animationTypeStateBlock) {
+			[sideMenuController.sideMenu setDrawerVisualStateBlock:animationTypeStateBlock];
+		}
+
 		if (self.width) {
 			switch (side) {
 				case MMDrawerSideRight:
@@ -38,7 +57,7 @@
 			}
 		}
 	}
-	
+
 	[self resetOptions];
 }