Statusbar turns white when the webview is loaded on iOS 12

Bug description: PR #544 introduces a bug where the statusbar turns to UIStatusBarStyleLightContent (white text) when mounting a webview with a Youtube-video inside

To Reproduce:

• Turn the statusbar to default (dark text) using the react-native Statusbar-component
• Mount a webview with an embedded Youtube-video

Expected behavior: Mounting a webview should not affect the statusbar

Environment:

• OS: iOS
• OS version: 12.2
• react-native version: 0.60.4
• react-native-webview version: 6.3.1

What I can tell so far:

• The following line (RNCWKWebView.m, line: 84) registers an event-handler that should only be called when entering/leaving fullscreen-mode:

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(toggleFullScreenVideoStatusBars) name:@"_MRMediaRemotePlayerSupportedCommandsDidChangeNotification" object:nil];

• Using NSlog-statements I can see that this event-handler is also called when the webview has finished loading
• This event-handler assumes the webview has just entered fullscreen and turns the statusbar to UIStatusBarStyleLightContent

[rmccue]

Hitting this same issue, and had to workaround it with:

componentDidMount() {
	// Workaround for https://github.com/react-native-community/react-native-webview/issues/735#issuecomment-548059083
	Keyboard.addListener( 'keyboardWillShow', this.onKeyboardShow );
	StatusBar.setBarStyle( 'dark-content' );
}

componentWillUnmount() {
	Keyboard.removeListener( 'keyboardWillShow', this.onKeyboardShow );
	StatusBar.setBarStyle( 'dark-content' );
}

onKeyboardShow = () => {
	StatusBar.setBarStyle( 'dark-content' );
}

Would be great if we could get it fixed in react-native-webview.

[tyleragnew]

I am seeing this issue as well, but when a keyboardUI is triggered. I was able to fix this by making the following changes to my RNCWebView.m file:

-(void)showFullScreenVideoStatusBars
{
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
    _isFullScreenVideoOpen = YES;
    RCTUnsafeExecuteOnMainQueueSync(^{
      [RCTSharedApplication() setStatusBarHidden:NO animated:YES];
      [RCTSharedApplication() setStatusBarStyle:RCTSharedApplication().statusBarStyle animated:YES];
    });
#pragma clang diagnostic pop
}

-(void)hideFullScreenVideoStatusBars
{
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
    _isFullScreenVideoOpen = NO;
    RCTUnsafeExecuteOnMainQueueSync(^{
      [RCTSharedApplication() setStatusBarHidden:NO animated:YES];
      [RCTSharedApplication() setStatusBarStyle:RCTSharedApplication().statusBarStyle animated:YES];
    });
#pragma clang diagnostic pop
}

I agree with the others, it would be nice to know why the keyboardUi triggers this event in the first place.