react-native/Libraries/Renderer/src/renderers/native/createReactNativeComponentClass.js

A framework for building native apps using React

/**
 * Copyright (c) 2015-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule createReactNativeComponentClass
 * @flow
 */

'use strict';

const ReactNativeBaseComponent = require('ReactNativeBaseComponent');
const ReactNativeViewConfigRegistry = require('ReactNativeViewConfigRegistry');
const ReactNativeFeatureFlags = require('ReactNativeFeatureFlags');

// See also ReactNativeBaseComponent
type ReactNativeBaseComponentViewConfig = {
  validAttributes: Object,
  uiViewClassName: string,
  propTypes?: Object,
};

/**
 * @param {string} config iOS View configuration.
 * @private
 */
 const createReactNativeFiberComponentClass = function(
   viewConfig: ReactNativeBaseComponentViewConfig
 ): ReactClass<any> {
   // TODO(sema): This actually returns a string. Need to fix this before
   // we deploy Fiber.
   return (ReactNativeViewConfigRegistry.register(viewConfig) : any);
 };
 
/**
 * @param {string} config iOS View configuration.
 * @private
 */
const createReactNativeComponentClass = function(
  viewConfig: ReactNativeBaseComponentViewConfig
): ReactClass<any> {
  const Constructor = function(element) {
    this._currentElement = element;
    this._topLevelWrapper = null;
    this._hostParent = null;
    this._hostContainerInfo = null;
    this._rootNodeID = 0;
    this._renderedChildren = null;
  };
  Constructor.displayName = viewConfig.uiViewClassName;
  Constructor.viewConfig = viewConfig;
  Constructor.propTypes = viewConfig.propTypes;
  Constructor.prototype = new ReactNativeBaseComponent(viewConfig);
  Constructor.prototype.constructor = Constructor;

  return ((Constructor: any): ReactClass<any>);
};

module.exports = ReactNativeFeatureFlags.useFiber
  ? createReactNativeFiberComponentClass
  : createReactNativeComponentClass;