react-native-navigation 7.47.0 → 7.49.0

package/lib/ios/RNNSideMenuPresenter.m

@@ -1,5 +1,6 @@
 #import "RNNSideMenuPresenter.h"
 #import "RNNSideMenuController.h"
+#import "RNNSideMenuSideOptions.h"
 
 @implementation RNNSideMenuPresenter
 
@@ -52,6 +53,20 @@
 
     [self.sideMenuController.view
         setBackgroundColor:[withDefault.layout.backgroundColor withDefault:nil]];
+
+    MMDrawerOpenMode openModeLeft = MMDrawerOpenModePushContent; // Default value
+    if (withDefault.sideMenu.left.openMode.hasValue) {
+        NSString *openModeString = withDefault.sideMenu.left.openMode.get;
+        openModeLeft = MMDrawerOpenModeFromString(openModeString);
+    }
+    [self.sideMenuController side:MMDrawerSideLeft openMode:openModeLeft];
+
+    MMDrawerOpenMode openModeRight = MMDrawerOpenModePushContent; // Default value
+    if (withDefault.sideMenu.right.openMode.hasValue) {
+        NSString *openModeString = withDefault.sideMenu.right.openMode.get;
+        openModeRight = MMDrawerOpenModeFromString(openModeString);
+    }
+    [self.sideMenuController side:MMDrawerSideRight openMode:openModeRight];
 }
 
 - (void)applyOptionsOnInit:(RNNNavigationOptions *)initialOptions {
@@ -112,6 +127,18 @@
             options.sideMenu.right.shouldStretchDrawer.get;
     }
 
+    if (options.sideMenu.left.openMode.hasValue) {
+        NSString *openModeString = options.sideMenu.left.openMode.get;
+        MMDrawerOpenMode openMode = MMDrawerOpenModeFromString(openModeString);
+        [self.sideMenuController side:MMDrawerSideLeft openMode:openMode];
+    }
+
+    if (options.sideMenu.right.openMode.hasValue) {
+        NSString *openModeString = options.sideMenu.right.openMode.get;
+        MMDrawerOpenMode openMode = MMDrawerOpenModeFromString(openModeString);
+        [self.sideMenuController side:MMDrawerSideRight openMode:openMode];
+    }
+
     if (options.sideMenu.left.animationVelocity.hasValue) {
         self.sideMenuController.animationVelocityLeft = options.sideMenu.left.animationVelocity.get;
     }

package/lib/ios/RNNSideMenuSideOptions.h

@@ -8,5 +8,11 @@
 @property(nonatomic, strong) Double *width;
 @property(nonatomic, strong) Bool *shouldStretchDrawer;
 @property(nonatomic, strong) Double *animationVelocity;
+@property (nonatomic, strong) Text *openMode;
 
+/**
+ * Converts a string open mode to the equivalent MMDrawerOpenMode enum value
+ */
+ MMDrawerOpenMode MMDrawerOpenModeFromString(NSString *openModeString);
+ 
 @end

package/lib/ios/RNNSideMenuSideOptions.m

@@ -10,7 +10,7 @@
     self.width = [DoubleParser parse:dict key:@"width"];
     self.shouldStretchDrawer = [BoolParser parse:dict key:@"shouldStretchDrawer"];
     self.animationVelocity = [DoubleParser parse:dict key:@"animationVelocity"];
-
+    self.openMode = [TextParser parse:dict key:@"openMode"];
     return self;
 }
 
@@ -25,6 +25,18 @@
         self.shouldStretchDrawer = options.shouldStretchDrawer;
     if (options.animationVelocity.hasValue)
         self.animationVelocity = options.animationVelocity;
+    if (options.openMode.hasValue)
+        self.openMode = options.openMode;
+}
+
+/**
+ Converts a string open mode to the equivalent MMDrawerOpenMode enum value
+ */
+MMDrawerOpenMode MMDrawerOpenModeFromString(NSString *openModeString) {
+    if ([openModeString isEqualToString:@"aboveContent"]) {
+        return MMDrawerOpenModeAboveContent;
+    } 
+    return MMDrawerOpenModePushContent;
 }
 
 @end

package/lib/src/interfaces/Options.ts

@@ -855,7 +855,9 @@ export interface OptionsBottomTabs {
    */
   drawBehind?: boolean;
   /**
-   * Set a background color for the bottom tabs
+   * Set a background color for the bottom tabs.<br/>
+   * On Android - also applicable when translucence is applied, but a semi-transparent
+   * color should be used (e.g. `rgba(255, 0, 0, 0.25)`).
    */
   backgroundColor?: Color;
   /**
@@ -871,10 +873,42 @@ export interface OptionsBottomTabs {
    */
   barStyle?: 'default' | 'black';
   /**
-   * Allows the Bottom Tabs to be translucent (blurred)
-   * #### (iOS specific)
+   * Control the way the bottom tabs are laid out.
+   * - `stretch`: Fill the entire width of the screen.
+   * - `compact`: Occupy the minimum width needed to hold tab buttons. Recommended for
+   * usage in conjunction with `drawBehind: true`.
+   *
+   * #### (Android specific)
+   * @default 'stretch'
+   */
+  layoutStyle?: 'stretch' | 'compact';
+  /**
+   * Specify a corner-radius (in dip) in order to apply round corners to the tabs container.<br/>
+   * Mainly suitable when used in conjunction with `layoutStyle: 'compact'`
+   * #### (Android specific)
+   */
+  cornerRadius?: AndroidDensityNumber;
+  /**
+   * Bottom-margin to set in order to apply a "hover" effect.
+   * Works best when used in conjunction with `layoutStyle: 'compact'` and `drawBehind: true`.
+   * #### (Android specific)
+   */
+  bottomMargin?: AndroidDensityNumber;
+  /**
+   * Allows the bottom tabs to be translucent (blurred). Doesn't necessarily play
+   * nice with shadow effects on Android.
+   * #### Android: experimental, turn on using native toggle `TAB_BAR_TRANSLUCENCE`.
    */
   translucent?: boolean;
+  /**
+   * Set a custom radius to be used in the blur effect. Higher is blurrier, but
+   * also more CPU-intensive.<br/>
+   * Note: The blurring is performed following a bitmap downscale of x4.0, so
+   * ultimately the actual radius is (4*blurRadius).
+   * #### (Android specific)
+   * @defaultValue 1.0
+   */
+  blurRadius?: AndroidDensityNumber;
   /**
    * Hide the top line of the Tab Bar
    * #### (iOS specific)
@@ -1078,10 +1112,19 @@ export interface SideMenuSide {
   height?: number;
   /**
    * Stretch sideMenu contents when opened past the width
+   *
+   * **Not applicable when `openMode` is `aboveContent`**
+   *
    * #### (iOS specific)
    * @default true
    */
   shouldStretchDrawer?: boolean;
+  /**
+   * Configure the opening mode of the side menu
+   * #### (iOS specific)
+   * @default 'pushContent'
+   */
+  openMode?: 'pushContent' | 'aboveContent';
 }
 
 export interface OptionsSideMenu {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-navigation",
-  "version": "7.47.0",
+  "version": "7.49.0",
   "description": "React Native Navigation - truly native navigation for iOS and Android",
   "license": "MIT",
   "nativePackage": true,