Resolves #2962

e2e/OverlayTest.test.js

@@ -32,4 +32,12 @@ describe('Overlay', () => {
     await elementById(testIDs.HIDE_TOP_BAR_BUTTON).tap();
     await expect(elementById(testIDs.TOP_BAR_ELEMENT)).toBeVisible();
   });
+
+  it('overlay should redraw after orientation change', async () => {
+    await elementById(testIDs.PUSH_OPTIONS_BUTTON).tap();
+    await elementById(testIDs.SHOW_OVERLAY_BUTTON).tap();
+    await expect(elementById(testIDs.DIALOG_HEADER)).toBeVisible();
+    await device.setOrientation('landscape');
+    await expect(elementById(testIDs.DIALOG_HEADER)).toBeVisible();
+  });
 });

lib/ios/RNNControllerFactory.m

@@ -191,6 +191,10 @@
 - (UIViewController<RNNRootViewProtocol> *)createOverlay:(NSDictionary*)layout {
 	UIViewController<RNNRootViewProtocol> *vc = [self fromTree:layout];
 	RCTRootView* rootView = (RCTRootView*)vc.view;
+	[vc performOnRotation:^{
+		CGSize availableSize = UIApplication.sharedApplication.delegate.window.bounds.size;
+		[_bridge.uiManager setSize:availableSize forView:vc.view];
+	}];
 	rootView.backgroundColor = [UIColor clearColor];
 	CGSize availableSize = UIApplication.sharedApplication.delegate.window.bounds.size;
 	rootView.frame = CGRectMake(0, 0, availableSize.width, availableSize.height);

lib/ios/RNNRootViewController.m

@@ -10,6 +10,7 @@
 @property (nonatomic) BOOL _statusBarHidden;
 @property (nonatomic) BOOL isExternalComponent;
 @property (nonatomic) BOOL _optionsApplied;
+@property (nonatomic, copy) void (^rotationBlock)(void);
 @end
 
 @implementation RNNRootViewController
@@ -19,7 +20,7 @@
 			withComponentId:(NSString*)componentId
 			rootViewCreator:(id<RNNRootViewCreator>)creator
 			   eventEmitter:(RNNEventEmitter*)eventEmitter
-		  isExternalComponent:(BOOL)isExternalComponent {
+		isExternalComponent:(BOOL)isExternalComponent {
 	self = [super init];
 	self.componentId = componentId;
 	self.componentName = name;
@@ -28,7 +29,7 @@
 	self.animator = [[RNNAnimator alloc] initWithTransitionOptions:self.options.customTransition];
 	self.creator = creator;
 	self.isExternalComponent = isExternalComponent;
-
+	
 	if (!self.isExternalComponent) {
 		self.view = [creator createRootView:self.componentName rootViewId:self.componentId];
 	}
@@ -38,7 +39,10 @@
 												 name:RCTJavaScriptWillStartLoadingNotification
 											   object:nil];
 	self.navigationController.delegate = self;
-
+	[[NSNotificationCenter defaultCenter] addObserver:self
+											 selector:@selector(orientationDidChange:)
+												 name:UIDeviceOrientationDidChangeNotification
+											   object:nil];
 	return self;
 }
 
@@ -199,6 +203,15 @@
 	[self.options.topTab applyOn:self];
 }
 
+- (void)performOnRotation:(void (^)(void))block {
+	_rotationBlock = block;
+}
+
+- (void)orientationDidChange:(NSNotification*)notification {
+	if (_rotationBlock) {
+		_rotationBlock();
+	}
+}
 
 /**
  *	fix for #877, #878

lib/ios/RNNRootViewProtocol.h

@@ -6,6 +6,7 @@
 - (void)mergeOptions:(NSDictionary*)options;
 - (BOOL)isCustomViewController;
 - (void)optionsUpdated;
+- (void)performOnRotation:(void (^)(void))block;
 
 @required
 - (BOOL)isCustomTransitioned;