Default empty view to RCTView with position: absolute

Reviewed By: spicyj, davidaurelio

Differential Revision: D2693494

fb-gh-sync-id: fc00b995d7d4fdaaedf4c3e5382354f0a1f4ac23

Libraries/ReactNative/ReactNativeDefaultInjection.js

@@ -23,6 +23,7 @@ var EventPluginUtils = require('EventPluginUtils');
 var IOSDefaultEventPluginOrder = require('IOSDefaultEventPluginOrder');
 var IOSNativeBridgeEventPlugin = require('IOSNativeBridgeEventPlugin');
 var NodeHandle = require('NodeHandle');
+var ReactElement = require('ReactElement');
 var ReactComponentEnvironment = require('ReactComponentEnvironment');
 var ReactDefaultBatchingStrategy = require('ReactDefaultBatchingStrategy');
 var ReactEmptyComponent = require('ReactEmptyComponent');
@@ -37,7 +38,6 @@ var ReactUpdates = require('ReactUpdates');
 var ResponderEventPlugin = require('ResponderEventPlugin');
 var UniversalWorkerNodeHandle = require('UniversalWorkerNodeHandle');
 
-var createReactNativeComponentClass = require('createReactNativeComponentClass');
 var invariant = require('invariant');
 
 // Just to ensure this gets packaged, since its only caller is from Native.
@@ -81,13 +81,15 @@ function inject() {
     ReactNativeComponentEnvironment
   );
 
-  // Can't import View here because it depends on React to make its composite
+  var EmptyComponent = () => {
-  var RCTView = createReactNativeComponentClass({
+    // Can't import View at the top because it depends on React to make its composite
-    validAttributes: {},
+    var View = require('View');
-    uiViewClassName: 'RCTView',
+    return ReactElement.createElement(View, {
-  });
+      collapsable: true,
-  // TODO #9121531: make this position: absolute; by default, to avoid interfering with flexbox
+      style: { position: 'absolute' }
-  ReactEmptyComponent.injection.injectEmptyComponent(RCTView);
+    });
+  };
+  ReactEmptyComponent.injection.injectEmptyComponent(EmptyComponent);
 
   EventPluginUtils.injection.injectMount(ReactNativeMount);