diff --git a/React/Views/RCTWKWebView.m b/React/Views/RCTWKWebView.m
index 8cb16175f13ca3..0a55fdccd6c584 100644
--- a/React/Views/RCTWKWebView.m
+++ b/React/Views/RCTWKWebView.m
@@ -15,6 +15,7 @@ @interface RCTWKWebView () <WKUIDelegate, WKNavigationDelegate, WKScriptMessageH
 
 @implementation RCTWKWebView
 {
+  UIColor * _savedBackgroundColor;
 }
 
 - (void)dealloc
@@ -56,6 +57,19 @@ - (void)didMoveToWindow
   }
 }
 
+- (void)setBackgroundColor:(UIColor *)backgroundColor
+{
+  _savedBackgroundColor = backgroundColor;
+  if (_webView == nil) {
+    return;
+  }
+
+  CGFloat alpha = CGColorGetAlpha(backgroundColor.CGColor);
+  self.opaque = _webView.opaque = (alpha == 1.0);
+  _webView.scrollView.backgroundColor = backgroundColor;
+  _webView.backgroundColor = backgroundColor;
+}
+
 /**
  * This method is called whenever JavaScript running within the web view calls:
  *   - window.webkit.messageHandlers.[MessageHanderName].postMessage
@@ -236,6 +250,8 @@ - (void)               webView:(WKWebView *)webView
     }];
     _onLoadingError(event);
   }
+
+  [self setBackgroundColor: _savedBackgroundColor];
 }
 
 - (void)evaluateJS:(NSString *)js
@@ -292,6 +308,8 @@ - (void)      webView:(WKWebView *)webView
   } else if (_onLoadingFinish) {
     _onLoadingFinish([self baseEvent]);
   }
+
+  [self setBackgroundColor: _savedBackgroundColor];
 }
 
 - (void)injectJavaScript:(NSString *)script