Now allowing the custom nav bar to take up the whole space on iOS (#2306)

* Now allowing the custom nav bar to take up the whole space on iOS

- Also the custom nav bar reacts well to orientation changes
- Fixes: https://github.com/wix/react-native-navigation/issues/1893

* It now works well on iOS 11 as well

* v1.1.314 [ci skip]

* Added optional fixedWidth property to the Android side menu

    - Fixes: https://github.com/wix/react-native-navigation/issues/510

ios/RCCCustomTitleView.h

@@ -11,5 +11,5 @@
 @interface RCCCustomTitleView : UIView
 
 -(instancetype)initWithFrame:(CGRect)frame subView:(UIView*)subView alignment:(NSString*)alignment;
-
+- (void) viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator;
 @end

ios/RCCCustomTitleView.m

@@ -11,12 +11,14 @@
 @interface RCCCustomTitleView ()
 @property (nonatomic, strong) UIView *subView;
 @property (nonatomic, strong) NSString *subViewAlign;
+@property float initialWidth;
 @end
 
 @implementation RCCCustomTitleView
 
 
 -(instancetype)initWithFrame:(CGRect)frame subView:(UIView*)subView alignment:(NSString*)alignment {
+    _initialWidth = frame.size.width;
     self = [super initWithFrame:frame];
     
     if (self) {
@@ -52,4 +54,56 @@
     }
 }
 
+- (void)setFrame:(CGRect) frame {
+
+    float referenceWidth = [self statusBarWidth];
+    if (referenceWidth == 0) {
+        referenceWidth = _initialWidth;
+    }
+    float newNavBarWidth = frame.size.width;
+    BOOL frameNeedsToBeCorrected = newNavBarWidth < referenceWidth || CGRectEqualToRect(self.frame, CGRectZero);
+
+    if (frameNeedsToBeCorrected) {
+        // first we need to find out the total point diff of the status bar and the nav bar
+        float navBarHorizontalMargin = referenceWidth - newNavBarWidth;
+        
+        CGRect correctedFrame = frame;
+
+        // then we need to place the nav bar half times the horizontal margin to the left
+        correctedFrame.origin.x = -(navBarHorizontalMargin / 2);
+        
+        // and finally set the width so that it's equal to the status bar width
+        correctedFrame.size.width = referenceWidth;
+        
+        [super setFrame:correctedFrame];
+    } else if (frame.size.height != self.frame.size.height) { // otherwise
+        // if only the height has changed
+        CGRect newHeightFrame = self.frame;
+        // make sure we update just the height
+        newHeightFrame.size.height = frame.size.height;
+        [super setFrame:newHeightFrame];
+    }
+    
+    // keep a ref to the last frame, so that we avoid setting the frame twice for no reason
+//    _lastFrame = frame;
+}
+
+
+- (void) viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
+    // whenever the orientation changes this runs
+    // and sets the nav bar item width to the new size width
+    CGRect newFrame = self.frame;
+
+    if (newFrame.size.width < size.width) {
+        newFrame.size.width = size.width;
+        newFrame.origin.x = 0;
+    }
+    [super setFrame:newFrame];
+}
+
+-(float) statusBarWidth {
+    CGSize statusBarSize = [[UIApplication sharedApplication] statusBarFrame].size;
+    return MAX(statusBarSize.width, statusBarSize.height);
+}
+
 @end

ios/RCCViewController.m

@@ -649,19 +649,30 @@ const NSInteger TRANSPARENT_NAVBAR_TAG = 78264803;
       NSDictionary *initialProps = self.navigatorStyle[@"navBarCustomViewInitialProps"];
       RCTRootView *reactView = [[RCTRootView alloc] initWithBridge:bridge moduleName:navBarCustomView initialProperties:initialProps];
       
-      RCCCustomTitleView *titleView = [[RCCCustomTitleView alloc] initWithFrame:self.navigationController.navigationBar.bounds subView:reactView alignment:self.navigatorStyle[@"navBarComponentAlignment"]];
+      RCCCustomTitleView *titleView = [[RCCCustomTitleView alloc] initWithFrame:self.navigationController.navigationBar.bounds
+                                                                        subView:reactView
+                                                                      alignment:self.navigatorStyle[@"navBarComponentAlignment"]];
       titleView.backgroundColor = [UIColor clearColor];
       reactView.backgroundColor = [UIColor clearColor];
       
+    
       self.navigationItem.titleView = titleView;
       
       self.navigationItem.titleView.backgroundColor = [UIColor clearColor];
-      self.navigationItem.titleView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin;
+      self.navigationItem.titleView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
       self.navigationItem.titleView.clipsToBounds = YES;
     }
   }
 }
 
+- (void) viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
+  [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
+  RCCCustomTitleView* customNavBar = (RCCCustomTitleView*) self.navigationItem.titleView;
+  if (customNavBar && [customNavBar isKindOfClass:[RCCCustomTitleView class]]) {
+    [customNavBar viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
+  }
+}
+
 
 -(void)storeOriginalNavBarImages {