Ios orientation (#820)

iOS support orientation changes

ios/RCCDrawerController/RCCDrawerController.m

@@ -4,6 +4,7 @@
 #import "RCCDrawerHelper.h"
 #import <React/RCTConvert.h>
 #import "RCCManagerModule.h"
+#import "UIViewController+Rotation.h"
 
 #define RCCDRAWERCONTROLLER_ANIMATION_DURATION 0.33f
 
@@ -12,7 +13,9 @@
 
 @synthesize drawerStyle = _drawerStyle;
 
-
+-(UIInterfaceOrientationMask)supportedInterfaceOrientations {
+    return [self supportedControllerOrientations];
+}
 
 - (instancetype)initWithProps:(NSDictionary *)props children:(NSArray *)children globalProps:(NSDictionary*)globalProps bridge:(RCTBridge *)bridge
 {
@@ -66,6 +69,9 @@
                                                
     self.view.backgroundColor = [UIColor clearColor];
     
+    [self setRotation:props];
+    
+    
     if (!self) return nil;
     return self;
 }

ios/RCCDrawerController/RCCTheSideBarManagerViewController.m

@@ -10,7 +10,7 @@
 #import "RCCViewController.h"
 #import "RCCDrawerHelper.h"
 #import <React/RCTConvert.h>
-
+#import "UIViewController+Rotation.h"
 
 @interface RCCTheSideBarManagerViewController () <TheSidebarControllerDelegate>
 
@@ -39,6 +39,12 @@
     return _overlayButton;
 }
 
+
+-(UIInterfaceOrientationMask)supportedInterfaceOrientations {
+    return [self supportedControllerOrientations];
+}
+
+
 - (instancetype)initWithProps:(NSDictionary *)props children:(NSArray *)children globalProps:(NSDictionary*)globalProps bridge:(RCTBridge *)bridge {
     
     if ([children count] < 1) return nil;
@@ -73,6 +79,8 @@
     [self setAnimationType:props[@"animationType"]];
     [self setStyle];
     
+    [self setRotation:props];
+    
     return self;
 }
 

ios/RCCNavigationController.m

@@ -5,12 +5,18 @@
 #import <React/RCTConvert.h>
 #import <objc/runtime.h>
 #import "RCCTitleViewHelper.h"
+#import "UIViewController+Rotation.h"
 
 @implementation RCCNavigationController
 
 NSString const *CALLBACK_ASSOCIATED_KEY = @"RCCNavigationController.CALLBACK_ASSOCIATED_KEY";
 NSString const *CALLBACK_ASSOCIATED_ID = @"RCCNavigationController.CALLBACK_ASSOCIATED_ID";
 
+
+-(UIInterfaceOrientationMask)supportedInterfaceOrientations {
+  return [self supportedControllerOrientations];
+}
+
 - (instancetype)initWithProps:(NSDictionary *)props children:(NSArray *)children globalProps:(NSDictionary*)globalProps bridge:(RCTBridge *)bridge
 {
   NSString *component = props[@"component"];
@@ -44,6 +50,9 @@ NSString const *CALLBACK_ASSOCIATED_ID = @"RCCNavigationController.CALLBACK_ASSO
                    props:props
                    style:navigatorStyle];
   
+
+  [self setRotation:props];
+  
   return self;
 }
 

ios/RCCTabBarController.m

@@ -4,6 +4,7 @@
 #import "RCCManager.h"
 #import "RCTHelpers.h"
 #import <React/RCTUIManager.h>
+#import "UIViewController+Rotation.h"
 
 @interface RCTUIManager ()
 
@@ -15,6 +16,11 @@
 
 @implementation RCCTabBarController
 
+
+-(UIInterfaceOrientationMask)supportedInterfaceOrientations {
+  return [self supportedControllerOrientations];
+}
+
 - (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController {
   id queue = [[RCCManager sharedInstance].getBridge uiManager].methodQueue;
   dispatch_async(queue, ^{
@@ -150,6 +156,8 @@
 
   // replace the tabs
   self.viewControllers = viewControllers;
+  
+  [self setRotation:props];
 
   return self;
 }

ios/ReactNativeNavigation.xcodeproj/project.pbxproj

@@ -8,6 +8,7 @@
 
 /* Begin PBXBuildFile section */
 		260804DB1CE0D9D20094DBA1 /* RCCToolBar.m in Sources */ = {isa = PBXBuildFile; fileRef = 260804DA1CE0D9D20094DBA1 /* RCCToolBar.m */; };
+		261108801E6C495400BF5D98 /* UIViewController+Rotation.m in Sources */ = {isa = PBXBuildFile; fileRef = 2611087F1E6C495400BF5D98 /* UIViewController+Rotation.m */; };
 		26AFF3F51D7EEE2400CBA211 /* RCCTitleViewHelper.m in Sources */ = {isa = PBXBuildFile; fileRef = 26AFF3F41D7EEE2400CBA211 /* RCCTitleViewHelper.m */; };
 		CC84A19E1C1A0C4E00B3A6A2 /* RCCManager.m in Sources */ = {isa = PBXBuildFile; fileRef = CC84A1941C1A0C4E00B3A6A2 /* RCCManager.m */; };
 		CC84A19F1C1A0C4E00B3A6A2 /* RCCManagerModule.m in Sources */ = {isa = PBXBuildFile; fileRef = CC84A1961C1A0C4E00B3A6A2 /* RCCManagerModule.m */; };
@@ -50,6 +51,8 @@
 /* Begin PBXFileReference section */
 		260804D91CE0D9D20094DBA1 /* RCCToolBar.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCCToolBar.h; sourceTree = "<group>"; };
 		260804DA1CE0D9D20094DBA1 /* RCCToolBar.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCCToolBar.m; sourceTree = "<group>"; };
+		2611087E1E6C495400BF5D98 /* UIViewController+Rotation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = "UIViewController+Rotation.h"; path = "../UIViewController+Rotation.h"; sourceTree = "<group>"; };
+		2611087F1E6C495400BF5D98 /* UIViewController+Rotation.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = "UIViewController+Rotation.m"; path = "../UIViewController+Rotation.m"; sourceTree = "<group>"; };
 		26AFF3F31D7EEE2400CBA211 /* RCCTitleViewHelper.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCCTitleViewHelper.h; sourceTree = "<group>"; };
 		26AFF3F41D7EEE2400CBA211 /* RCCTitleViewHelper.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCCTitleViewHelper.m; sourceTree = "<group>"; };
 		CC84A1931C1A0C4E00B3A6A2 /* RCCManager.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RCCManager.h; sourceTree = "<group>"; };
@@ -227,6 +230,8 @@
 		D8D779951D04B7180050CFEA /* Helpers */ = {
 			isa = PBXGroup;
 			children = (
+				2611087E1E6C495400BF5D98 /* UIViewController+Rotation.h */,
+				2611087F1E6C495400BF5D98 /* UIViewController+Rotation.m */,
 				D8D779961D04B7180050CFEA /* RCTHelpers.h */,
 				D8D779971D04B7180050CFEA /* RCTHelpers.m */,
 				26AFF3F31D7EEE2400CBA211 /* RCCTitleViewHelper.h */,
@@ -312,6 +317,7 @@
 				CC84A1A21C1A0C4E00B3A6A2 /* RCCViewController.m in Sources */,
 				D85082E91CBCF54200FDB961 /* SidebarWunderlistAnimation.m in Sources */,
 				D85082E11CBCF54200FDB961 /* RCCDrawerHelper.m in Sources */,
+				261108801E6C495400BF5D98 /* UIViewController+Rotation.m in Sources */,
 				D85082FE1CBCF8A800FDB961 /* MMDrawerVisualState.m in Sources */,
 				D85082FD1CBCF8A800FDB961 /* MMDrawerController.m in Sources */,
 				D85082E41CBCF54200FDB961 /* SidebarAnimation.m in Sources */,

ios/UIViewController+Rotation.h

@@ -0,0 +1,17 @@
+//
+//  UIViewController+Rotation.h
+//  ReactNativeNavigation
+//
+//  Created by Ran Greenberg on 05/03/2017.
+//  Copyright © 2017 artal. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+@interface UIViewController (Rotation)
+
+
+-(void)setRotation:(NSDictionary*)style;
+-(UIInterfaceOrientationMask)supportedControllerOrientations;
+
+@end

ios/UIViewController+Rotation.m

@@ -0,0 +1,63 @@
+//
+//  UIViewController+Rotation.m
+//  ReactNativeNavigation
+//
+//  Created by Ran Greenberg on 05/03/2017.
+//  Copyright © 2017 artal. All rights reserved.
+//
+
+#import "UIViewController+Rotation.h"
+#import <objc/runtime.h>
+
+static NSString *const ORIENTATION =            @"orientation";
+
+static NSString *const ORIENTATION_PORTRAIT =   @"portrait";
+static NSString *const ORIENTATION_LANDSCAPE =  @"landscape";
+static NSString *const ORIENTATION_AUTO =       @"auto";      // defualt
+
+
+@interface UIViewController (Rotation)
+
+@property (nonatomic, strong) NSString *orientation;
+
+@end
+
+@implementation UIViewController (Rotation)
+
+
+-(NSString*)orientation {
+    return objc_getAssociatedObject(self, @selector(orientation));
+}
+
+-(void)setOrientation:(NSString*)newOrientation {
+    objc_setAssociatedObject(self, @selector(orientation), newOrientation, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+}
+
+
+#pragma mark - Public API
+
+
+-(void)setRotation:(NSDictionary*)props {
+    NSString *orientation = props[@"style"][ORIENTATION];
+    if (!orientation) {
+        orientation = props[@"appStyle"][ORIENTATION];
+    }
+    if (orientation) {
+        self.orientation = orientation;
+    }
+}
+
+
+-(UIInterfaceOrientationMask)supportedControllerOrientations {
+    if ([self.orientation isEqualToString:ORIENTATION_PORTRAIT]) {
+        return UIInterfaceOrientationMaskPortrait;
+    }
+    else if ([self.orientation isEqualToString:ORIENTATION_LANDSCAPE]) {
+        return UIInterfaceOrientationMaskLandscape;
+    }
+    
+    return UIInterfaceOrientationMaskAll;
+}
+
+
+@end

src/deprecated/platformSpecificDeprecated.ios.js

@@ -56,6 +56,7 @@ function startTabBasedApp(params) {
                                type={params.drawer.type ? params.drawer.type : 'MMDrawer'}
                                animationType={params.drawer.animationType ? params.drawer.animationType : 'slide'}
                                style={params.drawer.style}
+                               appStyle={params.appStyle}
           >
             {this.renderBody()}
           </DrawerControllerIOS>
@@ -66,7 +67,8 @@ function startTabBasedApp(params) {
       return (
         <TabBarControllerIOS
           id={controllerID + '_tabs'}
-          style={params.tabsStyle}>
+          style={params.tabsStyle}
+          appStyle={params.appStyle}>
           {
             params.tabs.map(function(tab, index) {
               return (
@@ -144,6 +146,7 @@ function startSingleScreenApp(params) {
                                type={params.drawer.type ? params.drawer.type : 'MMDrawer'}
                                animationType={params.drawer.animationType ? params.drawer.animationType : 'slide'}
                                style={params.drawer.style}
+                               appStyle={params.appStyle}
           >
             {this.renderBody()}
           </DrawerControllerIOS>
@@ -166,6 +169,7 @@ function startSingleScreenApp(params) {
           style={navigatorStyle}
           leftButtons={navigatorButtons.leftButtons}
           rightButtons={navigatorButtons.rightButtons}
+          appStyle={params.appStyle}
         />
       );
     }